Youtube Player API playVideo

时间:2014-10-22 11:21:24

标签: javascript youtube-api

我正在尝试在我的网站上创建一个按钮,当您按下该按钮时,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>

0 个答案:

没有答案