ページで次の 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>