嵌入并循环youtube视频的一部分(html5)

嵌入并循环youtube视频的一部分(html5),youtube,youtube-javascript-api,android-youtube-api,youtube-data-api,Youtube,Youtube Javascript Api,Android Youtube Api,Youtube Data Api,有没有办法用HTML5播放器循环YouTube视频的一部分?我试过这个代码开始7秒,结束12秒 第一个循环显示我想要的部分,第二个循环和其他循环显示整个视频 它在Flash中工作,但我在移动设备的HTML5中有问题 以下是我的嵌入代码: <iframe allowfullscreen="" frameborder="0" width="960" height="720" src="http://www.youtube.com/embed/Bpu0TIXzI1w?version=3&

有没有办法用HTML5播放器循环YouTube视频的一部分?我试过这个代码开始7秒,结束12秒

第一个循环显示我想要的部分,第二个循环和其他循环显示整个视频

它在Flash中工作,但我在移动设备的HTML5中有问题

以下是我的嵌入代码:

<iframe allowfullscreen="" frameborder="0"  width="960" height="720" src="http://www.youtube.com/embed/Bpu0TIXzI1w?version=3&start=7&end=12&amp;autohide=1&amp;hl=en_US&amp;rel=0&amp;loop=0&amp;modestbranding=1&amp;playlist=Bpu0TIXzI1w"></iframe>

您可能需要使用Javascript API。这有点复杂,但你可以完全控制视频播放

文件:

工作示例:

代码:


您可能需要使用Javascript API。这有点复杂,但你可以完全控制视频播放

文件:

工作示例:

代码:


好的,谢谢。。。希望我的嵌入代码是/是错误的,因为我必须嵌入~50-80个剪辑:/n不,它似乎不适用于普通iframe嵌入。我不确定这是一个bug还是有意的行为。但是API是强大的,您有很多选择来适应您的需要。这里有一个改进的版本,可以处理多个视频:非常感谢您的帮助。唯一的问题是,它不能在移动设备上工作,因为自动播放选项可以避免高数据流量。我换了播放器。播放视频;播放.stopVideo;但是在这改变之后,视频将不再循环。好的,谢谢。。。希望我的嵌入代码是/是错误的,因为我必须嵌入~50-80个剪辑:/n不,它似乎不适用于普通iframe嵌入。我不确定这是一个bug还是有意的行为。但是API是强大的,您有很多选择来适应您的需要。这里有一个改进的版本,可以处理多个视频:非常感谢您的帮助。唯一的问题是,它不能在移动设备上工作,因为自动播放选项可以避免高数据流量。我换了播放器。播放视频;播放.stopVideo;但在这一改变之后,视频将不再循环。
<div id="player"></div>
<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
<script type="text/javascript">
var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'Bpu0TIXzI1w',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}
function onPlayerReady(event) {
    loopStart();
    player.playVideo();
}
function loopStart() {
    player.seekTo(7);   // Start at 7 seconds
}
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        setTimeout(loopStart, 5000); // After 5 seconds, restart the loop
    }
}
</script>