带循环的 Youtube 播放器 api [英] Youtube player api with loop

问题描述

我正在努力使用 youtube 播放器 API 为 youtube 视频设置循环.

I am struggling with setting up the loop for youtube videos using youtube player api.

问题是视频没有循环播放.

The problem is that the video is not running under a loop.

这是我的代码

var tag = document.createElement('script');

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


      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',

          playerVars: {
            'controls': 0,           
            'showinfo': 0,
            'rel': 0,
            'loop': 1

          },
          videoId: 'qzZuBWMnS08',
          events: {
            'onReady': onPlayerReady,
           // 'onStateChange': onPlayerStateChange
          }
        });
      }
function onPlayerReady(event) {
        //  event.target.setLoop(true);
        event.target.playVideo();
      }

loop:1 似乎不起作用.还有没有办法从视频顶部删除共享和视频标题.

The loop:1 doesn't seem to be working.Also is there any way to remove the share and video title from the top of the video.

提前致谢.

推荐答案

如果视频没有变化，你可以做

If the video isn't changing, you can just do

onStateChange: 
    function(e) {
        if (e.data === YT.PlayerState.ENDED) {
            player.playVideo(); 
        }
    }

这将防止不必要地重新加载视频

This will prevent unnecisarily reloading the video

这篇关于带循环的 Youtube 播放器 api的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！