Youtube Chromeless播放器-更改大的开始播放按钮

Question

我创造了像this one这样的无色调播放器。当播放器状态为-1 (视频未播放)时，我可以更改显示的红色大播放按钮吗？我想添加我的形象，而不是经典。

Answer 1

我找到了最好的方法。

感谢@crazyphoton的黑客攻击：

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

使用这些代码，可以很容易地删除默认按钮。

我的问题是关于添加自己的按钮。This demo就是对这一部分的回应。带有position: absolute图像是以视频为中心的播放/暂停/重复按钮。

Answer 2

你可以试试这个方法..

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

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

(请记住，onYouTubePlayerReady在本地主机上不起作用。您需要在在线服务器上测试它)

Answer 3

如果你需要在视频开始时自定义播放图标，那么你可以首先加载缩略图+在缩略图前面的播放图标。当用户点击这个播放按钮，删除缩略图和加载YouTube视频与自动播放。例如，通过nirvanatikku/jQuery-TubePlayer-Plugin

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