Question

尝试设置多个互斥的JWPlayers v8.1。我一直在列出第一个视频，它几乎占据了整个页面。从代码中可以看出，我试图将视频高度设置为200，将宽度设置为300。这是我正在使用的代码：编辑：尝试将这些显示在彼此旁边的页面上。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org  /TR/html4/strict.dtd">
<html>
    <head>
<script src="https://content.jwplatform.com/players/oytB1cN5-9X6UI8lV.js"></script>
                <title>Multiple Mutually Exclusive JWPlayers</title>
    </head>
    <body bgcolor="#EEE">
            <div id="container"></div>
            <script type="text/javascript">
            jwplayer("container").setup({
            file: [jwplayer oytB1cN5        
            height: 200,
            width: 300,
            stretching: "none",
            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: [jwplayer 2kd1G7dT            
            height: 200,
            width: 300,
            stretching: "none",
            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: [jwplayer GuoewKQp-Qz7uhmTV           
            height: 200,
            width: 300,
            stretching: "none",
            events:{
                onPlay: function() {
                jwplayer('container').stop();jwplayer('container2').stop();
                },
                onTime: function(object) {
                if(object.position > object.duration - 1) {this.pause();}
                }
            }
            });
            </script>
    </body>
</html>

Answer 1

您需要在每个div中使用样式标记，并使用CSS设置宽度。

多个互斥的JWPlayers

1 个答案: