こんにちは、ワイド スクリーン用に設計されたページがあるので、CSS スタイル シートを作成して、画像などのサイズを 2 つの小さいサイズで動作するように変更しましたが、ビデオ コンポーネントは同じままです。この問題にどのように取り組むかについての提案。
URLはここにありますhttp://tinyurl.com/6q4pz92
HTML 5ビデオを使用しようとしていますが、これが私のコードです
<!-- styles for html 5 video -->
<link href="video-js/video-js.css" rel="stylesheet">
<video id="sms1_video"class="video-js vjs-default-skin" controls
preload="auto" width="900" height="600" poster="images/sms/AnimationScreen_SMSXMAS.jpg"
data-setup="{}">
<source src="images/interactive/SMS_2011ChristmasAnimation.mp4" type="video/mp4" /><!-- MPEG4 for Safari -->
<source src="images/interactive/SMS_2011ChristmasAnimation.webm" type="video/webm" />
</video>