我正在用这个视频设置一个 jwPlayer 流:http://www.schooltv.nl/beeldbank/clip/20101210_dino01
因为该文件托管在该网站上,所以我必须使用他们的基础架构(使用 xml 播放列表和他们自己的 jwPlayer,版本 5.7)将其嵌入。
除了连续重复外,我的一切正常。 'repeat: always' 选项不起作用。 onComplete 事件也不会触发。这是代码,与他们自己的嵌入代码几乎相似: http://dev.jasperheeffer.nl/dinovid/schooltv_new.html
onTime 事件在我的电脑上确实可以重复(在代码中被注释掉)。但是,唉,它似乎并没有在需要安装这个应用程序的电脑上启动。为了调试,我向播放器添加了控制栏和播放列表。
<html>
<head>
<title>NMB Video</title>
<link rel="stylesheet" href="assets/nmb_video.css">
<script type="text/javascript" src="assets/jquery.js"></script>
<script type='text/javascript' src='http://www.schooltv.nl/beeldbank/shared/applications/jwplayer/js/jwplayer.js'></script>
<script type="text/javascript" src="http://www.ntr.nl/static/js/loadAAPIVideo.js"></script>
<script type='text/javascript'>
$(function() {
loadAAPIVideoUrl("20101210_dino01",function(streamid,streamurl){
jwplayer("stvbb3054251").setup({
link:"http://www.schooltv.nl/beeldbank/clip/20101210_dino01",
width: 800,
height: 500,
image: "http://www.schooltv.nl/beeldbank/mmbase/images/3683800/20101210_dino01.jpg",
file: streamurl,
modes: [
{type: "flash",
src: "http://www.schooltv.nl/beeldbank/shared/applications/jwplayer/swf/NTRPlayer.swf",
config:{
provider: "http://www.schooltv.nl/beeldbank/shared/applications/jwplayer/swf/adaptiveProvider.swf"
}
},
{type: "html5"
}
],
title:'Dinosaurus op de vlucht',
author:'NTR',
date:'17-01-2011',
description:'Timo de T-rex wil een ei eten. Dat is niet zonder gevaar.',
controlbar: 'top',
'playlist.position': 'top',
image:'http://www.schooltv.nl/beeldbank/mmbase/images/3683801/20101210_dino01.jpg',
repeat: 'always',
dock: false,
autostart: true,
fullscreen:true,
events: {
/*
onTime: function(event) {
if (event.position > 280) {
alert('time!'); jwplayer().seek(0).play(true); }
},
*/
onComplete: function() {
alert('complete');
jwplayer().seek(0).play(true);
}
}
});
});
});
</script>
</head>
<body style="overflow: hidden;">
<!--
<div id="standby">
<h1><span>SchoolTV: Timo de T-Rex</span><br>Raak het scherm aan om de film te bekijken.</h1>
</div>
-->
<div class="player flash schooltv_beeldbank mediaplayer">
<div id="ivpd3054251" class="ivplayerdata" style="display:none;"></div>
<video id="stvbb3054251" controls width="348" height="178" poster="http://www.schooltv.nl/beeldbank/mmbase/images/3683800/20101210_dino01.jpg">
</video>
</div>
</body>
</html>
最佳答案
我不确定为什么它没有在此处触发。
这是一个非常精简的例子,你可以简单地复制/粘贴,它会触发:
<html>
<head>
<title>Test Page</title>
</head>
<body>
<script type="text/javascript" src="http://player.longtailvideo.com/jwplayer.js"></script>
<div id="player"></div>
<script type="text/javascript">
jwplayer("player").setup({
file: "http://www.longtailvideo.com/jw/upload/bunny.mp4",
flashplayer: "http://player.longtailvideo.com/player.swf",
width: 465,
height: 300,
events:{
onComplete: function() {
alert("hi!");
}
}
});
</script>
</body>
</html>
关于javascript - jwPlayer onComplete 事件未触发(跨域嵌入),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14508080/