javascript - Youtube Chromeless Player - 更改大开始播放按钮

Question

我创建了像这样的无铬播放器。我可以更改播放器状态为-1（未播放视频）时显示的大红色播放按钮吗？我想添加我的图像而不是经典。

score 4 · Accepted Answer

你可以试试这个黑客..

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

如果您播放视频并暂停视频，红色大按钮会消失。

（请记住，onYouTubePlayerReady 在本地主机上不起作用。您需要在在线服务器上对其进行测试）

score 0 · Accepted Answer

我找到了最好的方法。

感谢@crazyphoton 破解：

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

使用该代码，很容易删除默认按钮。

我的问题是关于添加自己的按钮。这个演示是对那部分的回答。带有position: absolute以视频为中心的播放/暂停/重复按钮的图像。

score 0 · Accepted Answer

如果您需要在视频开头自定义播放图标，那么您可以首先加载缩略图+缩略图前面的播放图标。当用户单击此播放按钮时，删除缩略图并使用自动播放加载 YouTube 视频。例如通过 nirvanatikku/jQuery-TubePlayer-Plugin

3 回答 3