videoタグのデフォルトの再生バーがUI的にも微妙なので、Youtubeのように再生ボタンを付けて操作できるようにしたいのですが、どなたか良いやり方がわかる方いらっしゃいますでしょうか?
実装したいこと。
案1) hover時と動画終了時にコントロールバーと同時に表示
案2) 動画終了時・停止時に再生ボタンのみ表示
どちらかを実装したいです。
ちなみにAutoplayを外すは無しでお願いします。
HTML5
1<!-- movie --> 2 <section class="movie"> 3 <video id="video" autoplay muted controls src="動画素材.mp4" width="100%" height="600px"></video> 4 </section>
試したこと
1、VideojsをCDNで読み込んで操作してみましたがいまいちやり方がわからず断念。
2、Videoタグのみでできないか探しましたが、やはりjQueryもしくはjsでないと再生停止を再生ボタンで制御ができないみたいなので、難しすぎて断念。
どなたかご教示頂けますとありがたいです。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/23 06:11
2020/01/23 06:22
2020/01/23 06:39
2020/01/23 06:43
2020/01/23 07:08
2020/01/23 07:11