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

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

マッチョの集団がVTuberを応援する動画が話題に これは一体……? | Mogura VR

11月頃から、ファンからVTuberたちに向けて送られている、とあるサプライズ動画が話題となっています。その内容は屈強な身体の男性たちが日本語でお祝いメッセージを読みながら、空へと向けて銃を撃ち、音楽に合わせて激しくダンスするというもの。これまで、にじさんじ所属のグウェル・オスガールさんなどに送られてい…

「スマブラ」シリーズ 参戦ムービー一挙掲載。桜井さんのコメントと一緒に振り返る、全員参戦の軌跡。 | トピックス | Nintendo

本日、発売から3周年を迎えたNintendo Switch『大乱闘スマッシュブラザーズ SPECIAL』。今年の10月には最後のファイター「ソラ」が配信され、全ファイターが集結。その全員参戦に至るまで…

「なぜかみんな知ってる」スウェーデンの若者による『龍が如く』の「ばかみたい」合唱動画が面白い。セガ公式も反応

久山葉子 ㊗『スマホ脳』オリコン1位! 訳書『最強脳』『影のない四十日間』『こどもサピエンス史』 @yokokuyama 2010年スウェーデン・スンツヴァルに移住。移民失業者から翻訳者&高校教師に。著書『スウェーデンの保育園に待機児童はいない』に、スウェーデンでの暮らし・子育て・仕事、日本の未来へのヒントをたくさ…

コンパクトデジタルカメラおすすめランキング。画質、動画にこだわったカメラトップ3を発表

コンパクトデジタルカメラおすすめランキング。画質、動画にこだわったカメラトップ3を発表2021.12.04 22:007,364 Ben Keough and Phil Ryan – wirecutter [原文] ( Rina Fukazu ) Photo: Kyle Fitzgerald クオリティは桁違い! スマホのカメラで頑張っても、どうしても本格的なカメラには負ける…そんな瞬間ってかな…

【トップギア 日本語字幕】フェラーリ 296 GTB :小さなエンジンにマッシブなパワー!830ps V6 ハイブリッドはミニラフェラーリなのか?

フェラーリ・ルネッサンスへようこそ。真新しいフェラーリ296GTBの登場だ。このモデルはF8トリブートの後継モデルではないけれど、フェラーリによれば、シリーズを「補完」するモデルだ。信じられないことに、その出力はV12 812 コンペティツ…

THE IDOLM@STER CINDERELLA GIRLS10th Anniversary Special PV~Memories with You~【アイドルマスター】

「THE IDOLM@STER CINDERELLA GIRLS 10th Anniversary Special PV ~Memories with You~」 制作:Cygames 【10周年特設サイトはこちら】 https://cinderellagirls-10th.idolmaster-official.jp/ 【デレマス公式HPはこちら】 https://cinderella.idolmaster.jp/ 【デレマス公式Twitterアカウントはこちら】 https://twit…