【JS】videoタグ動画の画面クリックでPlay/Pauseできるようにする

画面タッチで再生/停止をしたい
サイトにvideoタグで動画埋め込みました。その動画はページ背景に使うイメージ動画です。
背景なので、デザイン的にcontrolsで再生ボタンなどのツールバーは表示させたくありません。それを避けながらPlay/Pauseの機能を付けたいといった要望に応えることになりました。そこで、方法を調べたらありました。結構、簡単にあっさり実現できました。参考にさせていただいたのは以下のページ。

Star Ocean Is Back And It Looks Kinda Like Monster Hunter

At long last, Square Enix’s interstellar JRPG series Star Ocean is back. Star Ocean The Divine Force is set to launch on PS4, PS5, Xbox One, Series X/S, and PC in 2022, the company revealed during today’s PlayStation State of Play livestream.Read more….

25 Playwrights and their Plays, 1700-1799

Mary Pix (1666-1709): Manchester Metropolitan University recently posted a complete performance (production credits) of Mary Pix’s comedy, The Beau Defeated (1700). The play was also adapted by the Royal Shakespeare Company under the title The Fantasti…