HTML youtube自定义播放按钮

Question

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

example is here

**编辑**

The current JSFiddle现在可以在个人电脑上使用，但不适用于iPad。

**编辑2 **

iframed youtube w/external play button

**编辑3 **

This isn't possible right now

Answer 1

试试这个：

http://jsfiddle.net/CHu7H/

但我会建议使用像swfobject这样的内容来嵌入视频。

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

Answer 2

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

如果你已经将这个用于ipad工作，请回复，我会重新标记你的答案。

Answer 3

我也遇到了这个问题我决定尝试HTML5并且它有效。唯一的问题是您必须在主机上托管视频。

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

Answer 4

每个Youtube嵌入式播放器都包含以下形式的播放器ID：

player_uid_\d+_1

喜欢 - player_uid_271874942_1

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

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

可以找到与上述玩家变量相关的其他操作here。