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

时间:2013-10-31 16:56:27

标签: php css responsive-design jwplayer

我在页面上使用以下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种不同包装尺寸。对于每个包装,我需要有一个自定义宽度&amp;我的脚本中的高度,如果条件取决于显示的包装,则使用else。

应该是这样的东西?

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

1 个答案:

答案 0 :(得分:0)

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