質問: videoタグのデフォルトの再生バーがUI的にも微妙なので、Youtubeのように再生ボタンを付けて操作できるようにしたいのですが、どなたか良いやり方がわかる方いらっしゃいますでしょうか? 実装したいこと。 案1) hover時と動画終了時にコントロールバーと同時に表示 案2) 動画終了時・停止時に再生ボタンのみ表示 どちらかを実装したいです。 ちなみにAutoplayを外すは無しでお願いします。 ``` ``` 試したこと 1、VideojsをCDNで読み込んで操作してみましたがいまいちやり方がわからず断念。 2、Videoタグのみでできないか探しましたが、やはりjQueryもしくはjsでないと再生停止を再生ボタンで制御ができないみたいなので、難しすぎて断念。 どなたかご教示頂けますとありがたいです。 よろしくお願い致します。
回答: 結論:**JavaScriptを使わないと無理**です。 `video`要素のUIを、自身の理想の形にするには、JavaScriptを使わないと無理です。 でないと、ブラウザのUI通り以外はできません。 ただ、jQueryないし、質問者さんが試したライブラリを使えば、比較的に簡単に実装できるはずです。 なんにせよ、JavaScriptを頑張って勉強しましょう。