Question

我正在使用此视频设置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事件可以在我的电脑上重复播放（在代码中注释掉）。但是，它似乎并没有在需要安装此应用程序的PC上启动。为了进行调试，我将控制栏和播放列表添加到了播放器中。

<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>

Answer 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>

jwPlayer onComplete事件未触发（跨域嵌入）

1 个答案: