Question

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

Answer 1

你可以试试这个黑客..

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

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

（请记住onYouTubePlayerReady不能在localhost上运行。您需要在在线服务器上测试它）

Answer 2

我找到了最好的方法。

感谢@crazyphoton for hack：

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

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

我的问题是添加自己的按钮。 This demo是该部分的答案。带有position: absolute的图像是播放/暂停/重复按钮，该按钮以视频为中心。

Answer 3

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