我可以爲YouTube視頻設置替代預告圖片嗎

有時我仍然需要訪問w3schools.org來檢查HTML5或其他網頁設計技術，以便驗證正確的編碼。在嘗試嵌入視頻時，我沒有看到設置替代圖像的方法。我檢查了視頻元素（https://www.w3schools.com/html/html5_video.asp）和YouTube blurb（https://www.w3schools.com/html/html_youtube.asp）。我可以爲YouTube視頻設置替代預告圖片嗎

有沒有人知道未來的規定是否可以在作品中？

我的解決方法是將我的首選屏幕截圖鏈接到YouTube網址。我在YouTube上爲我想推廣的基督教音樂視頻挖掘數據，並在我的網站上設置了精選視頻：BibleBrowse.org。我有一年一度的JavaScript視頻網址數組，我的傳情圖片文件名和視頻文字說明。在前面問題的幫助下，我讓getMonth（）選擇正確的每月視頻來自動執行該過程。

簡單地使用HTML5視頻方法會很好，但我可以在此期間解決問題，這很好。

來源

2017-10-11 Bob Greene

爲了儘量減少加載時間，我沒有在主頁上嵌入精選視頻。一旦我弄明白了，我打算在另一個瀏覽器標籤中啓動YouTube網址，並有另一個鏈接導向我的多媒體網頁。目前，我正在調用ImageVu，它本質上充當我網站上所有圖像的圖像門戶。目前，我幾乎已經完成了年度精選視頻截圖。我計劃使用ImageVu的另一個「實例」修改基督教電影頁面。 ImageVu基本上是一個Web表單，它可以動態地改變鏈接下拉菜單中的圖像。 –

我認爲你正在尋找poster標籤

它的工作原理有點像下方;

<video controls="controls" poster="image_url_to_show_while_video_loads"> 
    <source src="video.mp4" type="video/mp4" /> 
    <img src="img_url_to_show_if_browser_does_not_support_html5" title="Your browser does not support the video tag" /> 
</video>

來源

2017-10-11 19:13:42

我可能會在我的多媒體頁面上試用它，所以不可能減慢我的主頁加載時間。 –

我稍後可能會調整它。考慮到我在JavaScript數組中預先設定了每月視頻集，HTML5代碼需要適應視頻格式。我必須設置ID才能讓JavaScript將變量更改/設置爲嵌入式視頻（YouTube鏈接和預告片圖像/海報）。由於視頻會嵌入顯示，因此我會簡單地省略源代碼行。 –

我可以爲YouTube視頻設置替代預告圖片嗎

回答

相關問題