我正在尝试在我的网站上创建一个按钮,当您按下该按钮时,youtube播放器应该开始播放。
现在我要使用Youtube播放器API和playVideo
方法,所有内容似乎都运行得很好,直到我尝试在移动设备上测试它,例如iphone。
播放器似乎在调用playVideo
方法时被窃听,所以我最好的猜测是它在谷歌端的错误,但我似乎无法找到任何解决方法。
我做了jsFiddle
同时演示网站以在移动设备上进行测试:link
这是代码
<div id="ytplayer"></div>
<a id="start" href="#">start</a>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '390',
width: '640',
videoId: 'U6oKcAXiVlo',
playerVars: { 'autoplay': 0, 'controls': 0, 'showinfo': 0 },
});
}
document.getElementById("start").addEventListener("click", function () {
player.playVideo();
});
</script>