我在页面上使用以下 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 种不同的包装器尺寸。对于每个包装器,我需要在脚本中自定义宽度和高度,否则条件取决于显示的包装器。
应该看起来像这样的东西?
<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>