Youtube视频事件未启动[在本地测试或以其他方式测试时]
Youtube video events not firing [when testing locally or otherwise]?
我有以下代码,几乎是直接从API获取的,但事件没有触发。有什么想法吗?谢谢
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '250',
width: '300',
videoId: 'u1zgFlCw8Aw',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
alert("Ready");
event.target.playVideo();
}
function onPlayerStateChange(event) {
alert("State Changed");
}
回答:原来是因为我在当地测试,doh!但其他可能的原因请参见下文。
尝试使用下面的代码,非常适合我
<div id="player"></div>
<script>
//Load player api asynchronously.
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'JW5meKfy3fY',
playerVars:{'autoplay':1, 'rel':0, 'showinfo':0, 'egm':0, 'showsearch':0,},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
function onPlayerStateChange(event,element) {
//When the video has ended
if (event.data == YT.PlayerState.ENDED) {
//Get rid of the player
element.style.display = "none";
}
}
相关文章:
- Mocking console.log()/MOCHA测试框架中的任何其他函数
- 如何测试jQuery和某些其他脚本是否已加载
- 在我的测试脚本中,我运行了 if 语句,但我从未运行过其他语句?我做错了什么
- 如何根据茉莉花单元测试中的其他对象测试功能
- 是否有函数可以测试对象是否与其他对象匹配
- 茉莉花测试,看似无关的测试正在干扰其他测试
- 柴断言测试对象结构是否至少包含其他对象结构
- 是否可以使用 Javascript 库测试 SVG 元素?任何其他选项
- Squire正在打破其他测试
- 单元测试javascript函数'在不知情的情况下被用于其他地方
- Youtube视频事件未启动[在本地测试或以其他方式测试时]
- 测试/浏览其他网站的最佳语言
- 测试名称是否在JSON中可用,如果没有做其他JSON请求
- 测试jQyery.get with mocha.js不起作用,其他Deferred (RSVP)也不起作用
- Jasmine-maven-plugin加载一些其他测试工具的通用脚本
- JS:为什么这个比较慢?它不应该测试其他OR条件,但它确实测试了
- 使用QUnit测试使用document.write()的实用程序函数:使文档对象成为其他文档
- 每次泄漏到其他测试之前和之后
- 使用QUnit测试使用其他框架而不是jQuery的代码
- 如何在Chrome、Microsoft Edge或任何其他浏览器中自动化UI测试?