无铬和自动播放不起作用
Chromeless and autoplay not working
在使用自动播放的无铬播放器工作时遇到问题。我正在尝试的代码是直接从developers.google.com文档中复制的:https://developers.google.com/youtube/youtube_player_demo
IFRAME示例:http://jsfiddle.net/BN6Sa/
<iframe width="720" height="405" src="//www.youtube.com/embed/M7lc1UVf-VE?feature=player_embedded&autoplay=1&controls=0&loop=1&modestbranding=1&rel=0&showinfo=0&theme=light" frameborder="0" allowfullscreen></iframe>
JS示例:http://jsfiddle.net/7DWTU/
<div id="ytplayer"></div>
<script>
// Load 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);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '405',
width: '720',
videoId: 'M7lc1UVf-VE',
autoplay:1,
controls:0,
loop:1,
rel:0,
showinfo:0,
theme:'light'
});
}
</script>
使用iFrame API时,任何播放器对象参数(即,如果要将播放器嵌入为iFrame而不是API,则可以附加为URL参数的内容)都需要设置为playerVars参数对象的一部分,而不是YT.player参数的直接参数。具体来说,你的代码应该是这样的:
<div id="ytplayer"></div>
<script>
// Load 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);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '405',
width: '720',
videoId: 'M7lc1UVf-VE',
playerVars: {
autoplay:1,
controls:0,
loop:1,
rel:0,
showinfo:0,
theme:'light'
}
});
}
</script>
相关文章:
- 自动建议在我的搜索引擎上不起作用
- 为什么边际:自动;不起作用
- 自动完成 jquery 不起作用
- 自动完成箭头键不起作用
- 使用复杂数组时Jquery自动完成功能不起作用
- 用于播放背景音乐的嵌入式flash播放器在IE浏览器中不起作用
- html视频javascript播放方法在移动Safari中不起作用
- 想制作一个基于URL的音频播放器,但Javascript不起作用
- 我需要一种自动调整iframe大小的方法,无论我查到什么,它都不起作用
- 谷歌将部分页面加载后自动完成不起作用 ASP.Net MVC
- 使用JavaScript自动更改键盘语言,没有IE就不起作用
- click() 在 rails 3.2.1 中不起作用 - 自动点击
- 无铬和自动播放不起作用
- Mixcloud Player 自动播放在移动设备上不起作用
- idangero滑块在滑动后启动自动播放不起作用
- Jquery 自动播放视频序列不起作用
- jQuery滑块自动播放按钮不起作用
- javascript可以在android上自动播放HTML5视频(内置的自动播放不起作用)
- 使用flowplayer自动播放true在javascript中不起作用
- 自动幻灯片播放不起作用