Youtube无铬播放器 - 更改大开始播放按钮

Question

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

Answer 1

你可以试试这个技巧。

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

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

（请记住，onYouTubePlayerReady不适用于本地主机，您需要在在线服务器上进行测试）

Answer 2

我找到了最好的方法。

感谢@crazyphoton的黑客：

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

使用该代码，可以轻松删除默认按钮。

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

Answer 3

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

缩略图 您可以加载：https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg