已经嵌入的iframe无法与youtube api一起使用
Already embedded iframe not working with the youtube api
My iframe html
<iframe id="player" frameborder="0" width="660" height="371" allowfullscreen="" src="https://www.youtube.com/embed/CMm6tDavSXg?feature=oembed">
我的youtube js
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', {
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
但它仍然没有开始播放或其他任何东西。。。这里的问题在哪里?感谢
- onPlayerReady不会在localhost上激发就绪检查
- 此外,当链接youtube.js文件时,它必须位于iframe之后
- 添加?enablejsapi=1
- 有时player_api和iframeapi中的双重链接也会有所帮助
- //<在www.而非https之前://
- 位置是关键
编辑:问题在于你还需要添加?enablejsapi=1到视频嵌入链接。
//www.youtube.com/embed/F4efZDqXZKA?enablejsapi=1
小提琴:http://jsfiddle.net/y89je0k8/
这将解决你的问题。
相关文章:
- internet explorer 8兼容模式下的Youtube api错误
- 如何修改此功能以获得最受欢迎的视频?(YouTube API v3)
- YouTube API v3哈希标签搜索错误结果
- Youtube API - 某些视频卡在未启动 (-1) 状态
- Youtube API,除声音控件外,不允许控件
- 无法找到在 YouTube API 中转义 json 中的引号的方法
- 噩梦与YouTube API和播放视频工作
- YouTube API-动态添加事件侦听器
- Codecademy代码在他们的网站上连接到Youtube API,但赢得了't在本地运行
- 检测YouTube API中的事件源
- YouTube API密钥安全-我应该有多担心
- Youtube API:查看当前正在播放哪个视频id
- youtube API播放视频、pauseVideo和stopVideo不工作
- 相关视频与部分内容详细信息和统计-Youtube API V3
- 我的搜索栏与YouTube API不同步
- 删除YouTube API标题标签开头的前24个字符
- Youtube API - 检索频道中的所有标签
- 暂停YouTube视频,youtube api
- Youtube API 未在 Firefox 中加载
- 阻止 YouTube API 在 PhoneGap Android 上全屏显示