前提・実現したいこと
カンパニーサイトを作成しメイン画像を動画にしたいとのことで、動画をVideoタグで再生しています。
発生している問題・エラーメッセージ
MACとスマートフォンは問題なかったのですが、「Windows7 IE11」と「「Windows10 MSEdge」を確認したところ再生されませんでした。 動画を幅いっぱい(width:100%)にすると動画が再生されなくなるのですが、幅を960pxぐらいに固定すると再生されるようになります。
該当のソースコード
HTML <video id="my-video" class="video-js fit" preload="auto" autoplay muted playsinline width="100%" loop poster="<?php echo get_template_directory_uri(); ?>/image/index/sanwa_top2.jpg"> <source src="<?php echo get_template_directory_uri(); ?>/image/index/sanwa_web.mp4" type='video/mp4'> </video> CSS object-fit: cover; font-family: 'object-fit: cover;'; position: absolute; height: 100%; width: 100%; top: 0; left: 0;
試したこと
動画のサイズは1MBまで落としました。
補足情報(FW/ツールのバージョンなど)
確認ブラウザ
「Windows7 IE11」
「Windows10 MSEdge」
何卒よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー