videoJSを使用してHTML5Webページでビデオを再生します。すべてがPC(Safariでも)でうまく機能していますが、iPad(iOS 5)では、ビデオがうまく再生されていても、ビデオのサイズに問題があります。ビデオは非常に小さいので、私はしません。それを大きくする方法を知っています。
width
で属性と属性を追加height
し、デフォルトの幅と高さを変更してみましたvideo.js
。さらに、私のビデオは幅408ピクセル、高さ520ピクセルであると想定されており、iPadでは高さよりも幅が広く、両側に黒があります。
この問題を解決するにはどうすればよいですか?
EDiT@Emilお時間をいただきありがとうございます。いくつかのコードがあります:
HTMLページにビデオを含める方法:
<video id='videoDavi' class='video-js vjs-default-skin' autoplay='autoplay' width='408' height='520' style='z-index: 1;' data-setup='{}'>
<source src="#DOSSIER_SQUELETTE/video/bub_Intro.<?php echo $extension; ?>" type="<?php echo $type; ?>" />
</video>
「$extension」と「$type」は、適切なブラウザに適切なビデオを選択するためのものです。以前はvideoJSソリューション()を使用して<video> <source [..]/> <source [...] /> <source [...] /> </video>
いましたが、i-dont-remember-whatを機能させるために変更する必要がありました。
私も私のcssに含めました:
video#videoDAVI_html5_api{ width: 408px; height: 520px; }
私はiPadのコードが
<video id="videoDAVI_html5_api" autoplay src="video.mp4"></video>
(+ easySlider 1.7も使用していることを忘れました)
ありがとう