为多个播放器定义一个Youtube-Player API



我决定尝试使用youtube - api在我的web上实现youtube视频。我的想法是把视频放在滑块里,用这种方法创建一个"播放列表"。我的第一个问题是,我想设置多个播放器的youtube api,但我不知道如何当播放器被定义为"ytplayer":

<script>
  // Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer1',  {
      height: '390',
      width: '640',
      //videoId: 'M7lc1UVf-VE'
    });
  }
</script>

是否有办法为多个播放器定义"ytplayer",将其命名为;Ytplayer1, ytplayer2, .... .我问这个问题的原因是我想把播放器放在标签中,并在div标签中调用"videoID",就像这样:

<div id="ytplayer1" src="M7lc1UVf-VE"></div>

上面的解决方案是否可能"当然要做一些改变"?将播放器放置在其中并从那里调用视频oid ?

我新的这些类型的脚本,所以任何帮助将是伟大的。我上网搜索了,但没有找到任何与我的问题相关的答案。 T

我在我的网站上实现了播放列表样式,但只在单个播放器上。

我有一段时间没有看球员了,但如果我没记错的话,你可以通过名字来瞄准球员。您还需要使用java-api和api调用,而不仅仅是一个div。

href = " javascript: loadNewVideo("M7lc1UVf-VE")"
作为一个基本的例子。

如果你想看看我的网站,并打开源代码点击这里

其他帮助部分:
YouTube Api ref

一个很好的帮助参考是这个youtube论坛。它不再用于提问,但它充满了旧的问题和答案。

相关内容

  • 没有找到相关文章

最新更新