Youtube Chromeless Player - 更改大開始播放按鈕

我創建了像this one這樣的無鉻播放器。我可以更改播放器狀態爲-1時顯示的大紅色播放按鈕（視頻未播放）嗎？我想添加我的圖像，而不是經典。Youtube Chromeless Player - 更改大開始播放按鈕

你找到一個解決辦法？我正在尋找同樣的事情。 – crazyphoton 2012-08-25 12:34:39

我發現做到這一點的最好辦法。

感謝@crazyphoton爲黑客：

function onYouTubePlayerReady(playerId){ 
    document.getElementById(playerId).playVideo(); 
    document.getElementById(playerId).pauseVideo(); 
}

與該代碼，可以很容易地刪除默認按鈕。

我的問題是關於添加自己的按鈕。 This demo是該部分的答案。帶有position: absolute的圖像是以視頻爲中心的播放/暫停/重複按鈕。

2012-08-26 10:26:51

是的，這是直接的。我主要停留在刪除播放按鈕上，因爲我的自定義播放按鈕是透明的。恭喜你弄明白了：） – crazyphoton 2012-08-26 15:04:36

你可以試試這個技巧..

function onYouTubePlayerReady(playerId){ 
    document.getElementById(playerId).playVideo(); 
    document.getElementById(playerId).pauseVideo(); 
}

大紅色的按鈕，如果你播放視頻和暫停視頻消失。

（請記住，onYouTubePlayerReady在localhost上不工作，你需要測試一個在線的服務器上）

2012-08-25 15:52:29 crazyphoton

聽起來不錯。在1秒內播放和暫停視頻刪除按鈕，但我的問題是關於*改變*按鈕... – 2012-08-26 10:19:04

+1這個偉大的黑客:) – 2012-08-26 17:30:28

有一件事要小心 - 這將緩衝視頻。在大多數情況下，這可能是很好的，但是如果你的播放器有很多同時指向不同的視頻，你最終會吃掉一堆帶寬。 – Clippy 2013-02-16 13:29:45

如果您需要在視頻開始處自定義播放圖標，那麼您可以首先在縮略圖前加載縮略圖+您的播放圖標。當用戶點擊此播放按鈕時，請使用自動播放功能刪除縮略圖並加載YouTube視頻。例如通過nirvanatikku/jQuery的TubePlayer-插件

2014-10-13 10:33:43

回答