如何在循环中播放一段YouTube视频？

Question

我想在视频的特定部分制作YouTube视频循环。

https://www.youtube.com/v/zeI-JD6RO0k?autoplay=1&loop=1&start=30&end=33&playlist=%20zeI-JD6RO0k

据我所知：

开始和结束：

start=30&end=33 

为了使循环：

autoplay=1&loop=1&playlist=%20zeI-JD6RO0 

的问题是，它不在我指定的时间开始下一个循环

Answer 1

您可以使用Youtube Iframe-API循环播放视频部分。

将这个标签在你的HTML页面：

<!-- 1. The <iframe> (and video player) will replace this <div> tag. --> 
<div id="player"></div> 

负载的Youtube的Iframe-API

// 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); 

创建播放和循环播放视频：

var section = { 
    start: 30, 
    end: 33 
}; 

// 3. This function creates an <iframe> (and YouTube player) 
// after the API code downloads. 
var player; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player(
    'player', 
    { 
     height: '360', 
     width: '640', 
     videoId: 'zeI-JD6RO0k', 
     events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
     } 
    } 
); 
} 

function onPlayerReady(event) { 
    player.seekTo(section.start); 
    player.playVideo(); 
} 

function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.PLAYING) { 
    var duration = section.end - section.start; 
    setTimeout(restartVideoSection, duration * 1000); 
    } 
} 

function restartVideoSection() { 
    player.seekTo(section.start); 
} 

See this example in action