沒有指定封面等。
1、上傳的視頻沒有指定封面。
2、視頻內容與原來的封面不匹配,Youtube系統會自動使用該視頻中隨機抽取一張圖片作為封面。
3、Youtube系統重新生成封面圖片時出現異常。
1、首先打開YouTube的官方網站,可以直接從網上搜索進入。
2、其次在主頁上找到搜索框,輸入想要觀看的內容。
3、然后點擊搜索按鈕,等待搜索結果出現。
4、最后選擇要觀看的視頻,點擊即可觀看YouTube網頁版。
youtube視頻不顯示封面是在進行視頻內容發布的時候,沒有針對于當前視頻內容的封面單獨去進行設置
根據查詢相關公開信息,得知視頻沒有封面的情況下,一般是你在進行視頻內容發布的時候,沒有針對于當前視頻內容的封面單獨去進行設置,所以在沒有進行設置的情況下,系統就會自動的將當前的封面內容進行隱藏,或者是圖片內容里沒有辦法針對于部分內容去進行截取,進行展示
油管里面的圖片可以保存,只需要找到買粉絲里面的PImiLIKjN3s ,把這個串碼輸入到下面的圖片買粉絲里面替換掉我加紅標記的這個,就可以找到Youtube的視頻高清封面大買粉絲s://i.ytimg.買粉絲/vi。
YouTube上面不僅有很多內容精良的視頻,而且視頻上面的封面圖也是精心制作的,不僅高清,而且很優美,切合視頻主題,很適合保存起來,但是直接右鍵保存,只能保存小圖。
在搜索框內輸入IGer的id即可示例,電腦保存油管視頻封面原圖的方法示例,以保存Sam Tsui視頻封面為例打開視頻后,同樣右鍵或Ctrl+U查看網頁源代碼。
研究網頁柵格系統前,來看一組數據:
網站 首頁頁面寬度 px
Yahoo! 950
淘寶 950
MySpace 960
新浪 950
網易 960
Live Search 958
搜狐 950
優酷 960
AOL 960
上面列舉的都是Alexa全球排名前100的站點,它們的首頁寬度為950px/960px. 除了微軟的Live Search, 這些站點有個共同特點:頁面結構較復雜,都可以認為是門戶型網站。
再來看看Google, YouTube, Facebook, Flickr!, eBay等知名站點,它們的首頁寬度沒什么固定規律,共同的特點是:功能專一,頁面結構相對簡單。
根據上面的簡單分析可以認為:當搭建頁面結構復雜的門戶型網站時,開發工程師們不約而同地都選擇將頁面寬度定為950px/960px.
這是一件很有趣的事情,為什么要選擇這個寬度呢?這個寬度值究竟有什么魔力?
神奇的960
設計師們對蘋果情有獨衷。在 1024 x 768 的分辨率下,打開Firefox:
自然狀態下,Firefox窗體的大小約為 974 x 650. 減掉左右兩邊7px的邊框,網頁的實際大小為上圖中的紅色部分,高寬為 960 x 650.
有趣的960就這樣出現了。是的,可以認為一切就這么簡單。柵格系統最早出現在平面設計領域,設計師們愛用蘋果,蘋果下瀏覽器的默認寬度為960px, 于是960就這么“自然”地出現了。
數字背后的奧妙
上面的“自然”出現,細究自然是不讓人信服的。蘋果系統的設計者們在沒有喝醉酒的情況下選擇了960,而不是其它什么1000之類的整數,自然另有奧妙。
科學界有很多問題都可以歸結到數學問題上,我們也從數學著手:
960可以分解為2的6次方乘以3和5, 這使得960可以分割成以下寬度的整數倍:
2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40,
48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480
共26種(26 = 7 * 2 * 2 - 2, 減去2是去掉1和960自身),我們標記為:
N(960) = N(2^6 * 3 * 5) = 26
根據上面的算法,可以得到:
N(360) = N(2^3 * 3^2 * 5) = 22
N(480) = N(2^5 * 3 * 5) = 22
N(720) = N(2^4 * 3^2 * 5) = 28
N(750) = N(2 * 3 * 5^3) = 14
N(800) = N(2^5 * 5^2) = 16
N(960) = N(2^6 * 3 * 5) = 26
N(1000) = N(2^3 * 5^3) = 14
N(1024) = N(2^10) = 9
N(1440) = N(2^6 * 3^2 * 5) = 34
N(1920) = N(2^7 * 3 * 5) = 30
根據直覺(嚴格證明也不難,不過還是留給數學系的學生去證明吧),我們得到一個有趣的結論:
要使得N(width)最大,width的取值有兩個系列:
A系列: …, 320, 720, 1440, …
B系列: …, 480, 960, 1920, …
N越大,可組合的寬度值就越多。對柵格系統來說,這意味著越靈活!
目前絕大多數顯示器都支持 1024 x 768 及其以上分辨率。為了有效的利用屏幕寬度同時保證柵格的靈活度,可以看出960是非常合適的。這樣,在目前主流顯示器下,960就成為網頁柵格系統中的最佳寬度了。(也許不久的將來,將會流行1440)首先澄清一個應用場景問題。研究(1)中指出,對于結構復雜的網站,不少設計師們喜歡采用960固定寬度布局。但要注意的是,960并不是萬能鑰匙,大部分網站沒有也不需要柵格系統。Amazon采用的是寬度自適應布局,最大限度的呈現信息。Google更是簡簡單單,主題部分就一個列表。eBay的頁面非常簡潔,商品頁面寬度自適應,信息自然流暢,噪音少,購物很踏實。類似的站點還有很多,對于這些站點來說,寬度自適應布局更受青睞。
有個很有意思的網站是Yahoo!, 看起來是固定寬度布局,實際上在CSS中只要去掉一行,就能搖身一變自適應寬度了:
以下為引用的內容:
#page { width: 70em;}
為什么Yahoo!最后選擇了定寬布局呢?這很可能是因為定寬布局比寬度自適應布局更容易控制。對于結構復雜的網站來說,可維護性和可擴展性非常重要。Yahoo!是以信息展示為主的門戶型網站,960的寬度對于信息的閱讀比較友善(Joe Clark寫了一篇屏幕閱讀時有關行長的有趣文章)。種種因素使得Yahoo!最后采用了定寬布局(Tommy Olsson總結了每種布局設計的優缺點)。
這里將只關注定寬布局,適用的場景是搭建復雜的門戶型網站。對于寬度自適應布局和相應的柵格系統,暫不討論(根據實現的技術手段不同,寬度自適應布局又分為流體布局和彈性布局。我個人蠻喜歡彈性布局,以后有時間再研究)。
好了,已經將范圍縮小到定寬布局的網頁柵格系統,那我們開始吧。
并不遙遠的750
還記得800×600的顯示器不?雖然才時隔幾年,感覺卻好像是上個世紀的事了。Mark Boulton做了最早的探索:
將750分割成均等的6份,這就形成了柵格系統,稍加組合劃分就形成了兩欄布局和三欄布局。Mark Boulton還研究了Gutter(垂直欄之間的間隙)對柵格的影響,有興趣的可以閱讀原文,或者跟著我往下看吧,下面將詳細闡述。
幾個術語和一個公式
一個標準的柵格系統,包括以下部分:
將Flowline的總寬度標記為W, Column的寬度標記為c, Gutter寬度標記為g, Margin的寬度標記為m, Column的個數標記為N, 我們可以得到以下公式:
W = c * N + g * (N - 1) + 2 * m
一般來說,Gutter的寬度是Margin的兩倍,上面的公式可以簡化為:
W = c * N + g * (N - 1) + g = (c + g) * N
將c+g標記為C, 公式變得非常簡單:
W = C * N
上面的公式就是柵格系統的基礎,很簡單吧。
950的來歷
具體應用時,Margin其實是一個空白邊,從視覺上看并不屬于總寬度。不少柵格設計里習慣性地設定Gutter為10px, 這樣Margin就是5px. 當W為960,分割成6列時,柵格如下圖:
上圖的處理是左右Margin各為5px. 也可以將Margin集中放在一邊,比如右邊:
無論Margin放在何處(這只影響技術實現,不影響設計),我們真正要關注的是去除Margin之后的部分:
這就是我們要真正關注的950!將W的含義變為去除Margin的總寬度,公式變化為:
W = N * C - g
將上面的公式實例化一下:
950 = 12 * 80 - 10
950 = 16 * 60 - 10
950 = 24 * 40 - 10
這就形成了960蛋糕的三種常見切法。
12 x 80
16 x 60
24 x 40
上面三種切法,N越大,靈活度越高。可以根據網頁的實際復雜度來選用對應的切法。在960 Grid System首頁中,展示了12 x 80的應用:
我們來看下 研究(1)中開頭列舉的網站的柵格應用情況。
Yahoo!是很標準的 24 x 40 柵格:
淘寶網目前只有商城上部分使用了柵格系統(大的兩欄布局遵守了 24 x 40 的柵格化,主體部分使用的另一套740的柵格劃分):
網易很不錯,采用的是 16 x 60 的柵格系統:
研究(1)中的其它站點都沒有真正嚴格地采用柵格系統。
柵格系統的優勢
上面的“發現”是讓人有點沮喪的。目前嚴格采用柵格系統的站點非常少,為什么我們還要努力的讓網頁柵格化呢?
柵格系統具有以下優勢:
能大大提高網頁的規范性。在柵格系統下,頁面中所有組件的尺寸都是有規律的。這對于大型網站的開發和維護來說,能節約不少成本。
基于柵格進行設計,可以讓整個網站各個頁面的布局保持一致。這能增加頁面的相似度,提升用戶體驗。
對于設計師們來說,靈活地運用柵格系統,能做出很多優秀和獨特的設計。(詳見《超越CSS》一書)
對于大型網站來說,我相信柵格化將是一