条件jwplayer6的宽度和高度取决于包装器的大小

Question

我在一个页面上使用下面的jwplayer6脚本。

<script language="" type="text/javascript">
        jwplayer('mediaplayer').setup({
        width: '700',
        height: '396',
        provider: "http",
        file: '../video.mp4',
        image: '../image.jpg', 
        provider: "http"
        });
</script>

这个页面现在是重新设计的，应该是响应式的，有3种不同的包装器大小。对于每个包装器，我需要在我的脚本中有一个自定义的宽度和高度，而else if条件取决于包装器的显示。

应该看起来像这样的东西？

<script language="" type="text/javascript">
        jwplayer('mediaplayer').setup({
        <?php
                    if ($wrapper == 1340px ) {
                    echo "width='900'";
                    } elseif ($wrapper == 1180px ) {
                    echo "width='700'";  
                    } elseif ($wrapper == 640px ) {
                    echo "width='340'"; 
                    }
                    ?>
        <?php
                    if ($wrapper == 1340px ) {
                    echo "height='500'";
                    } elseif ($wrapper == 1180px ) {
                    echo "height='350'";  
                    } elseif ($wrapper == 640px ) {
                    echo "height='200'"; 
                    }
                    ?>
        provider: "http",
        file: '../video.mp4',
        image: '../image.jpg', 
        provider: "http"
        });
</script>

Answer 1

如果你使用JW6，响应式设计就是内置的- http://www.jwplayer.com/blog/new-in-jw-player-responsive-design/