2017-06-19 307 views
0

我的網站嵌入了黑白色的youtube預告片和經典電影片段。如何隱藏YouTube紅色按鈕以便與僞造品一起播放,如黑色,灰色或銀色/金屬?請記住,我不想刪除紅色按鈕,只是用我的假冒來隱藏它,所以當我點擊我的假按鈕時,實際上我點擊了紅色按鈕。無法看到的主要目的是不要醜化我的網站,這是完全黑白風格。 ...還有一點非常重要 - 如果您可以避開YouTube API,因爲它會減慢我的網站。謝謝!!!YouTube上的假播放按鈕紅色播放按鈕

+0

[希望這些信息可以幫助您,類似的帖子(https://stackoverflow.com/questions/20596551/is-it-possible-to-hide- youtubes-big-red-play-button-with-a-parameter) –

+0

[可以用參數隱藏youtube的大紅色播放按鈕嗎?](https://stackoverflow.com/questions/20596551/is - 可能的隱藏 - youtubes - 大紅色的播放按鈕與參數) –

+0

感謝您的快速反應Foo酒吧,我知道這篇文章,但它不會幫助我這麼多... –

回答

1

那麼你不能取代原來的按鈕,但有一個解決方法。 我不得不信貸@TomDoodler this answer。 所以:

  1. 隱藏玩家
  2. 獲取縮略圖像描述here並把它放在你的頁面在球員
  3. 的相同的位置和大小把自己的播放圖標比縮略圖
  4. 點擊播放圖標後,隱藏縮略圖和播放圖標,顯示播放器並使用YouTube鏈接中的YouTube API啓動視頻

而這裏的fiddle這個
// fiddles have to be accompanied by code, so here's some code

+0

謝謝,托比亞斯!但是我們可以避免使用YouTube API嗎?在這裏可以使用一些純粹的CSS技巧? –

+0

@ЯворЗарков我不認爲這是可能的,因爲你必須用'player.playVideo();'來播放視頻,而你不能用CSS來做到這一點。 –

+0

那麼,我會繼續我們在這裏的工作......謝謝你,托比亞斯! –