我在页面上使用以下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>
答案 0 :(得分:0)
如果使用JW6,响应式设计只是内置于 - http://www.jwplayer.com/blog/new-in-jw-player-responsive-design/