html youtube 自定义播放按钮

Posted 2023-03-14

【中文标题】html youtube 自定义播放按钮

【英文标题】：html youtube custom play button

【发布时间】：2012-03-30 21:45:58

【问题描述】：

youtube 播放器的播放按钮工作正常，但我的自定义播放按钮不起作用。

example is here

** 编辑 **

The current JSFiddle 现在可以在 pc/mac 上正常运行，但不能在 iPad 上运行。

** 编辑 2 **

iframed youtube w/external play button

** 编辑 3 **

This isn't possible right now

【参考方案1】：

试试这个：

http://jsfiddle.net/CHu7H/

不过我建议使用 swfobject 之类的东西来嵌入视频。

https://developers.google.com/youtube/js_api_reference#Embedding

【讨论】：

效果很好，只是在 iPad 上不行 :( 我应该提到这确实是让我来到这里的原因。

我会尝试使用

嵌入它

嗯嗯嗯。好吧，播放器现在可以在 iPad 上使用，但播放按钮仍然只能在电脑上使用！ wtf.. 带有 iframe 的 JS Fiddle 链接在最新编辑中。

你的最后一个例子（编辑 2）看起来不错，不幸的是我没有 ipad 来测试:(

看看这个：***.com/questions/8972726/…

【参考方案2】：

无论出于何种原因，都有限制。如果您使用的是 html5 的 ipad，这将不起作用。但是，我的 jsfiddle 确实适用于桌面浏览器。

如果你已经得到这个为 ipad 工作，请回帖，我会重新标记你作为答案。

【参考方案3】：

我也遇到了这个问题，我决定尝试一下 HTML5，它成功了。唯一的问题是您必须在主机上托管视频。

（适用于 iPad） http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop

【参考方案4】：

每个 Youtube 嵌入式播放器都包含一个播放器 ID，格式为：

player_uid_\d+_1

喜欢 - player_uid_271874942_1

所以只需在page source 中为player_uid_\d+_1 执行regex search 并将以下js 添加到您想要的任何内容中：

var player = document.getElementById(playerId);
//playerId id the matched string from regex search in page-source
player.playVideo();

与上述播放器变量相关的其他操作可以找到here。