Rails5.1.3でWebアプリケーション制作の勉強をしています。
自分で撮影した動画をアップロードしてブラウザで表示した際の動画の表意サイズをコントロールしたいのですが
コードで指定しても小さくならないのでどなたか教えていただけないでしょうか?宜しくお願いします。
症状:動画の表示はできていますが、ブラウザ全体に表示されてしまいます。
やりたいこと:コードで画像の表示サイズをコントロールしたい。
以下のコードで表示はできています。 <div class="main"> <%= video_tag 'waterfall-free-video1.mp4', controls: true, autoplay: false, loop: true, size: '300*150', poster: 'hikoki_animated.gif' %> </div>
cssのコード div.main { text-align: center; } センターに表示させるようにしているだけです。
このコードでsize: '300*150'と指定したのですが、全く反映されません。何が原因なのでしょうか?
waterfall-free-video1.mp4の画像はフリーの素材をダウンロードしてきて
/app/assets/videos/waterfall-free-video1.mp4のようにファイルを置いています。
waterfall-free-video1.mp4 と hikoki_animated.gif の画像がブラウザめいっぱいに表示されてしまいます。
表示サイズをコントロールする方法を教えていただけないでしょうか?
宜しくお願いします。
追記
waterfall-free-video1.mp4 は ビデオ設定は、幅 1920px/高さ 1080px/フレームレート 29.97 です。とありました。これが原因なのでしょうか?
あなたの回答
tips
プレビュー