前提・実現したいこと
自社HP内に埋め込んだ動画を
chromeで表示したときに再生させたいです。
(自動再生ではなく、再生ボタンを押したときに再生されればいいです)
htmlやcssなどは独学なのであまり詳しくはわかっていませんので
初心者にもわかりやすく教えていただけるとありがたいです。
発生している問題・エラーメッセージ
Googlechromeで動画を埋め込んだページを表示するとposterで指定した画像や再生ボタンは表示されますが 再生ボタンを押しても動画が再生されませんでした。
該当のソースコード
html
1<video muted width="550" height="367"poster="imge/560/753-2015.jpg" preload="none" controls> 2 <source src="brother-sister.mp4"> 3 <p>お使いのブラウザではvideoタグの動画を再生できません。</p> 4</video>
試したこと
調べてみるとchromeでのみ再生されない場合は、mute属性を追加すればいいと記載してあったのでmuteを入れてみましたが解決しませんでした。
補足情報(FW/ツールのバージョンなど)
IE,Edge,Firefoxで表示させると問題なく動画は再生できました。
50秒の動画(写真のスライドショー)でサイズは、8.93Mです。