videoタグの再生ボタンを非表示にしたいです。
【現状】
背景動画を設置したのですが低電力モードに設定していると再生されないので代わりに背景画像を表示させているのですが、再生ボタンが表示されて見栄えが悪くなってしまいます。
【試したこと】
1.ググってみたら、videoタグに「controls」を外すと再生ボタンは表示されない。という記事を見て試したのですが、結果は変わらずの状態です
2.safariでソースコードをみたらhtmlに「シャドウコンテンツ(ユーザーエージェント)」というのがあり開いてみたらソースコード上で再生ボタンを編集できたので実際にcssを書いたのですが反映はされませんでした。
【質問】
背景画像が表示される際に再生ボタンを非表示にする方法を教えてください。
・html
<video class="video" poster="img/bg_img.jpg" autoplay muted loop playsinline> <source src="video/bg_video.mp4" type="video/mp4"> <source src="video/bg_video.ogv" type="video/ogv"> <source src="video/bg_video.webm" type="video/webm"> </video>
・css
.video{ position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; object-fit: cover; }
![guest](/img/icon/icnUserSample.jpg)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。