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

Php 条件jwplayer6宽度和高度取决于包装大小,php,css,responsive-design,jwplayer,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',

我正在页面上使用以下jwplayer6脚本

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

jwplayer('mediaplayer')。设置({
宽度:“700”,
高度:'396',
提供者:“http”,
文件:'../video.mp4',
图像:'../image.jpg',
提供者:“http”
});
这个页面现在已经重新设计,应该是响应性的,有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>

jwplayer('mediaplayer')。设置({

如果您使用JW6,响应式设计只是内置的-

看不到任何php。您有一个javascript问题…这是
伪代码
。我建议您搜索JS和php的条件语句,并学习如何正确使用它们。@Fred ii-更好吗?@LisaJacobs更好。但是,您如何/在哪里定义
$wrapper
?这是一个问题s更好地使用
@media
使用CSS进行响应性设计。例如
@media
那么,重点是如何根据用户屏幕上选择的包装定义
$wrapper
(考虑到我有3个不同的CSS文件和3个包装)如果你选择用百分比来表示宽度,这很好,但这并不能回答我关于固定宽度的问题。如果你想让它真正响应,为什么要使用固定宽度?