Событие jCPlayer onComplete не запускается (встраивание между доменами)
Я настраиваю поток 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>
1 ответ
Я не уверен, почему это не стреляет здесь.
Вот очень урезанный пример, который вы можете просто скопировать / вставить, хотя и срабатывает:
<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>