我正在尝试将一个基本的Youtube视频设置为自动播放和自动循环嵌入页面,但我没有运气。
<div style="text-align: center; margin: auto"><object type="application/x-shockwave-flash" style="width:1120px; height:630px;" data="http://www.youtube.com/v/GRonxog5mbw?rel=0&loop=1&autoplay=1&showsearch=0&version=3&showinfo=0&modestbranding=1&fs=1">
<param name="movie" value="http://www.youtube.com/v/GRonxog5mbw?rel=0&loop=1&autoplay=1&showsearch=0&version=3&showinfo=0&modestbranding=1&fs=1" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
</object></div>
答案 0 :(得分:70)
YouTubes HTML5嵌入代码:
<iframe width="560" height="315" src="http://www.youtube.com/embed/GRonxog5mbw?autoplay=1&loop=1&playlist=GRonxog5mbw" frameborder="0" allowfullscreen></iframe>
你可以在这里阅读:...(编辑链接已死亡。)...查看Internet Archive项目的原创内容。
答案 1 :(得分:38)
以下是YouTube embedded player parameters的完整列表。
相关信息:
自动播放(支持的播放器:AS3,AS2,HTML5)值:0或1.默认值 是0.设置初始视频是否会自动播放 玩家加载。
循环(支持的播放器:AS3,HTML5)值:0或1.默认值为0. 在单个视频播放器的情况下,设置为1将导致 播放器一次又一次播放初始视频。在一个案例中 播放列表播放器(或自定义播放器),播放器将播放整个播放器 播放列表然后在第一个视频中重新开始。
注意:此参数在AS3播放器和in中的支持有限 IFrame嵌入,可以加载AS3或HTML5播放器。 目前,loop参数仅在使用时在AS3播放器中有效 与播放列表参数一起使用。要循环播放单个视频, 将循环参数值设置为1并设置播放列表参数值 到已在播放器API网址中指定的相同视频ID:
http://www.youtube.com/v/VIDEO_ID?version=3&loop=1&playlist=VIDEO_ID
在嵌入代码中使用上面的网址(也附加其他参数)。
答案 2 :(得分:4)
所有答案对我都不起作用,我检查了播放列表网址并看到播放列表参数已更改为列表!所以它应该是:
&安培;循环= 1&安培;列表= PLvNxGp1V1dOwpDBl7L3AJIlkKYdNDKUEs
所以这里是我使用的完整代码制作一个干净,循环,自动播放的视频:
<iframe width="100%" height="425" src="https://www.youtube.com/embed/MavEpJETfgI?autoplay=1&showinfo=0&loop=1&list=PLvNxGp1V1dOwpDBl7L3AJIlkKYdNDKUEs&rel=0" frameborder="0" allowfullscreen></iframe>
答案 3 :(得分:1)
虽然有相同的经验,但对我来说,魔力并不是要改变嵌入到v。
所以代码看起来像这样......
<iframe width="560" height="315" src="https://www.youtube.com/embed/cTYuscQu-Og?Version=3&loop=1&playlist=cTYuscQu-Og" frameborder="0" allowfullscreen></iframe>
希望它有所帮助...
答案 4 :(得分:1)
播放列表黑客对我也不起作用。 2018年9月的解决方法(奖金:通过CSS为#yt-wrap
设置宽度和高度,而不是在JS中对其进行硬编码):
<div id="yt-wrap">
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="ytplayer"></div>
</div>
<script>
// 2. This code loads 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);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
width: '100%',
height: '100%',
videoId: 'VIDEO_ID',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.playVideo();
player.mute(); // comment out if you don't want the auto played video muted
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
player.seekTo(0);
player.playVideo();
}
}
function stopVideo() {
player.stopVideo();
}
</script>