エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
videoタグの動画埋め込み時に、画面クリックで再生、ポーズを設定する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
videoタグの動画埋め込み時に、画面クリックで再生、ポーズを設定する方法 - Qiita
内容 videoタグでの動画埋め込み時は、通常コントローラーの再生ボタン等でしか操作ができない。ただそ... 内容 videoタグでの動画埋め込み時は、通常コントローラーの再生ボタン等でしか操作ができない。ただそれだとyoutubeのように動画画面クリックで再生・ポーズに対応するデバイスに慣れている利用者にはUI的にイマイチだと思い方法を模索した。 実装 動画画面全体を覆う空divを作り、それにjavascriptで再生・ポーズのアクションを割り当ててるだけ。 気をつけた点は、、、 divで動画全体を覆う際に通常のコントローラーも覆ってしまうと、コントローラーでの操作ができなくなるでその部分のみ覆わないように調整 再生、ポーズの動作の違いをstatus変数+ifで調整 html <div class="video-wrap"> <video muted controls poster="test-movie.jpg" id="video"> <source src="test.mp4" type=