提高YouTube縮略圖質量？

當通過iFrame代碼嵌入網頁時，YouTube縮略圖顯得非常糟糕。一旦視頻開始播放，質量看起來非常好。提高YouTube縮略圖質量？

下面是一個例子視頻： http://jsfiddle.net/x5829/

播放前 - 質量差縮略圖 YouTube Embedded iFrame Bad Quality Thumbnail

播放時 - 優質 YouTube Embedded iFrame Good Quality

無論出於何種原因，這似乎是使用hqdefault.jpg質量的圖像，而不是maxresdefault.jpg這將是更大的質量。

我試着增加了iFrame尺寸到1280x720，甚至更高，沒有任何東西似乎有所作爲。

任何事情都可以通過JavaScript API來完成，以強制使用縮略圖質量？我們使用的所有視頻都是720p，有保證。

作爲最後一點（我認爲這不重要），我們使用YouTube API（V3）上傳視頻，然後通過API設置縮略圖。但使用YouTube選擇的自動生成的縮略圖時會發生同樣的情況。

編輯 -我想知道這是否會隨着時間的推移而改善，或許YouTube會優化24小時以上，但幾天後它仍然是一樣的。

編輯2 -據我所知，iFrame仍然是谷歌推薦的在網站上嵌入視頻的方法，這樣他們也可以在移動設備上工作。

來源

2014-03-05 BT643

您是否考慮過此問題？ http://stackoverflow.com/questions/13725683/how-to-add-a-splash-screen-placeholder-image-for-a-youtube-video –

我也有類似的問題，並想出了這個解決辦法：用所需

使包含高分辨率縮略圖（從URL）
使下一個iframe的圖像（使用的z-index）
對準這兩個位置使用的：絕對

環繞均由鏈接，這將使懸停圖像消失

.video-box{ 
    height:220px; 
    width:391px; 
    position:relative; 
} 

.video-thumbnail{ 
    z-index:300; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
} 

.video-frame{ 
    z-index:100; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
} 

.thumbnail-link .video-thumbnail{ 
    display:block; 
} 

.thumbnail-link:hover .video-thumbnail{ 
    display:none; 
}

在懸停時顯示質量較低的縮略圖，但是youtube播放按鈕將更加突出。此外，它看起來像背景有點模糊。

讓我知道你的想法。

示例：http://jsfiddle.net/d9D9E/1/

來源

2014-03-07 23:12:18 koziez

謝謝你的回答..真的好主意我沒有想到做的一切。有可能我最終會使用類似的東西，但現在我將把問題留給公衆，希望得到一個「更清潔」的解決方案（看起來令人懷疑）。再次感謝！ – BT643

該死的，對不起，我的意思是給你這個完整的賞金，但錯過了24小時的時間:( – BT643

提高YouTube縮略圖質量？

回答

相關問題