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

jwPlayer onComplete event not firing (crossdomain embed)

本文关键字：onComplete 事件 jwPlayer      更新时间：2023-09-26

我正在用这个视频设置一个jwPlayer流：http://www.schooltv.nl/beeldbank/clip/20101210_dino01

由于该文件托管在该网站上，因此我必须使用其基础架构（带有xml播放列表和他们自己的jwPlayer，版本5.7）嵌入它。

除了连续重复之外，我已经让一切正常。"重复：始终"选项不起作用。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>

我不确定为什么它不在这里开火。

这是一个非常精简的示例，您可以简单地复制/粘贴，这确实会触发：

<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>
相关文章：