个人中心
gpt4 book ai didi

javascript - 互斥 - jwPlayer

转载 作者：行者123 更新时间：2023-11-28 09:16:31 27 4
gpt4 key购买 nike 

jwplayer("myElement_0").onPlay(function(){ pausePlayers(1); alert('0 has started'); });
jwplayer("myElement_1").onPlay(function(){ pausePlayers(2); alert('1 has started'); });
jwplayer("myElement_2").onPlay(function(){ pausePlayers(3); alert('2 has started'); });
jwplayer("myElement_3").onPlay(function(){ pausePlayers(4); alert('3 has started'); });
function pausePlayers(playing) { 
    for (var i=0; i<4; i++) {
       if(i != playing) { jwplayer("myElement_"+i).pause(true); }
    }
};

我有这个脚本来暂停其他玩家(如果有人正在运行)。但它不起作用。在我的控制台中，我看到:

Uncaught TypeError: Object #<Object> has no method 'onPlay'
(anonymous function)

不过我很确定 jwplayer 脚本正在加载，没有问题。

最佳答案

这里有一些快速但肮脏的示例代码，类似于这样:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <script type="text/javascript" src="http://www.longtailvideo.com/jwplayer/jwplayer.js"></script>
        <title>Multiple Mutually Exclusive JW6 Players Which Stop at End</title>
    </head>
    <body bgcolor="#EEE">
            <div id="container"></div>
            <script type="text/javascript">
            jwplayer("container").setup({
            file: "http://www.longtailvideo.com/jw/upload/bunny.mp4",
            image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
            height: 200,
            width: 300,
            stretching: "exactfit",
            events:{
                onPlay: function() {
                jwplayer('container2').stop();jwplayer('container3').stop();
                },
                onTime: function(object) {
                if(object.position > object.duration - 1) {this.pause();}
                }
            }
            });
            </script>
            <br />
            <div id="container2"></div>
            <script type="text/javascript">
            jwplayer("container2").setup({
            file: "http://www.longtailvideo.com/jw/upload/bunny.flv",
            image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
            height: 200,
            width: 300,
            stretching: "exactfit",
            events:{
                onPlay: function() {
                jwplayer('container').stop();jwplayer('container3').stop();
                },
                onTime: function(object) {
                if(object.position > object.duration - 1) {this.pause();}
                }
            }
            });
            </script>
            <br />
            <div id="container3"></div>
            <script type="text/javascript">
            jwplayer("container3").setup({
            file: "http://www.longtailvideo.com/jw/upload/bunny.mov",
            image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
            primary: "flash",
            height: 200,
            width: 300,
            stretching: "exactfit",
            events:{
                onPlay: function() {
                jwplayer('container').stop();jwplayer('container2').stop();
                },
                onTime: function(object) {
                if(object.position > object.duration - 1) {this.pause();}
                }
            }
            });
            </script>
    </body>
</html>

关于javascript - 互斥 - jwPlayer，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15572717/

27 4 0
文章推荐： javascript - onmouseover 和 jquery 函数无法正常工作
文章推荐： javascript - 在幻灯片插件中禁用居中图像功能？
文章推荐： javascript - 如何从 window.opener 执行不暴露于窗口的函数？
文章推荐： javascript - verticalAlign sub/sup 不工作