Youtube Chromeless Player - 更改大开始播放按钮[关闭]答案

【问题标题】：Youtube Chromeless Player - Change big start play button [closed]Youtube Chromeless Player - 更改大开始播放按钮[关闭]
【发布时间】：2012-08-16 12:10:37
【问题描述】：

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

【问题讨论】：

您找到解决方案了吗？我也在寻找同样的东西。

标签： javascript youtube youtube-api

【解决方案1】：

你可以试试这个 hack..

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

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

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

【讨论】：

听起来不错。在不到 1 秒的时间内播放和暂停视频会删除按钮，但我的问题是关于更改按钮...
需要注意的一点 - 这会缓冲视频。在大多数情况下这可能没问题，但如果您的播放器有少数同时指向不同视频的实例，您最终会消耗大量带宽。

【解决方案2】：

我找到了最好的方法。

感谢@crazyphoton 破解：

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

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

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

【讨论】：

是的，这很简单。我主要被困在删除播放按钮上，因为我的自定义播放按钮是透明的。很高兴你明白了:)

【解决方案3】：

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

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

【讨论】：