Youtube iframe"循环"不起作用

Question

我尝试使用YouTube播放器演示生成视频自动播放和循环所需的代码.但只有自动播放工作,它不循环,并且演示视频也不起作用.这是我用过的代码.

<iframe class="embed-responsive-item" id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/M7lc1UVf-VE?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3" frameborder="0" allowfullscreen>
</iframe>

Answer 1

尝试将playlist 参数与循环一起添加.对于播放列表,请将其值设置为当前视频ID.

<iframe class="embed-responsive-item"id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/M7lc1UVf-VE?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&playlist=M7lc1UVf-VE"
      frameborder="0" allowfullscreen></iframe>

目前,循环参数仅在与播放列表参数一起使用时才在AS3播放器中起作用.要循环单个视频,请将循环参数值设置为1,并将播放列表参数值设置为已在Player API URL中指定的相同视频ID:

http://www.youtube.com/v/VIDEO_ID?version=3&loop=1&playlist=VIDEO_ID

参考:https://developers.google.com/youtube/player_parameters#loop

Answer 2

像这样在react native 中使用，确保对播放列表也使用相同的视频 ID 值。

例如，如果视频 ID 是 SpongeBOB， 那么 url 将是这样的：

https://www.youtube.com/embed/海绵宝宝?playlist=海绵宝宝&loop=1

下面是在react native webview 中的实现

<WebView
  javaScriptEnabled={true}
  domStorageEnabled={true}
  mediaPlaybackRequiresUserAction={true}
  style={{ height:180, width:300,alignSelf:"center",alignContent:"center"}}
  source={{uri: 'https://www.youtube.com/embed/qD101Xlc5uw?playlist=qD101Xlc5uw&loop=1' }}
 />

Answer 3

'playlist': '<?php echo $youtube_video ?>'

在playerVars里面。

例如完整代码：

<script>
// 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height:'100%',
          width: '100%',
          fitToBackground: true,  
          videoId: '<?php echo $youtube_video ?>',
          playerVars: { 
              'autoplay': 1, 
              'controls': 0,
              'autohide':1,
              'enablejsapi':1,
              'loop':1, 
              'disablekb':1, 
              'fs': 0, 
              'modestbranding': 0, 
              'showinfo': 0, 
              'color': 'white', 
              'theme': 'light', 
              'rel':0  ,
              'playlist': '<?php echo $youtube_video ?>'
          },
          events: {
            'onReady': onPlayerReady
          }
        });
      }

      // 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
        event.target.playVideo();
        player.mute();
        player.setVolume(0);
        //player.setSize(1920, 1080);
        player.setLoop(true);
        player.setPlaybackQuality('hd1080');
      }

您的 HTML 代码：

<div id="player"></div>

如果您想将视频保存在变量中，请使用以下命令：

<?php $youtube_video='C0DPdy98e4c';?>

Answer 4

我只是想通了：你需要让 playlist="" 来使用循环

src="https://www.youtube.com/embed/peSfCy7HFrM?playlist=peSfCy7HFrM&loop=1;rel=0&autoplay=1&controls=0&showinfo=0" frameborder="0" allowfullscreen>

Answer 5

您需要添加 https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID&loop=1

请注意，播放列表 = VIDEO_ID 是强制性的，并且设置为单个视频的视频 ID

所以就我而言，网址是

https://www.youtube.com/embed/C5tG7pztlb0?playlist=C5tG7pztlb0&loop=1&autoplay=1&controls=1&showinfo=0&mute=1

静音已打开 显示信息已关闭 显示控件已关闭 自动播放已打开 循环已打开