我正在使用此视频设置 jwPlayer 流:http ://www.schooltv.nl/beeldbank/clip/20101210_dino01
因为该文件托管在该网站上,所以我必须使用他们的基础架构(使用 xml 播放列表和他们自己的 jwPlayer,版本 5.7)嵌入它。
除了连续重复之外,我已经完成了所有工作。“重复:总是”选项不起作用。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>