Video要素を再生・一時停止するボタンを作る

  • 記事のタイトルとURLをコピー

Video要素を自動再生(autoplay)しない場合に再生ボタンをつける必要があります。再生ボタンと一時停止ボタンを同じボタンでまかなうためのコードです。
jQueryを使っていますので、該当ページにはjQueryを読み込んでおいてください。

スポンサーリンク

コード

HTML

javascript

playBtnを押すことで、再生し、再度押すと一時停止します。
一時停止している状態からボタンを再び押すと、停止した地点から再生します。

  • 記事のタイトルとURLをコピー