以下のような仕様で、Webページで動画を再生させたいです。
1.PC/スマホの2ページそれぞれに動画サムネイル(静止画)を実装
2.動画サムネイルをクリックすると、動画用画面が大きく表示され、音声付きのyoutube動画をオート再生する
3.動画用画面を閉じると動画も停止する
モーダルウィンドウが開く仕様でテストしたところ、以下の問題がありました。
1.音声つきの場合、一部のブラウザでオート再生できない
2.再生ボタンを押す仕様だと再生できるが、ウィンドウを閉じるのと動画の音声の停止が連動しない
音声は必須なので、1は再生ボタンをつけることで妥協できそうですが、2はウィンドウを閉じても動画の音声が流れ続けてしまいユーザビリティが良くないので、どうにか回避てきないかと思っております。
今のところ、"動画用画面が大きく表示される"のを諦めて、元ページ内に小さく動画を表示させていますが、上記のような仕様にバージョンアップさせる方法がありましたら、ご教示いただけたら幸いです。
※当方はコーディングの知識が少ないので、初心者でもわかりやすく解説いただけたらと思います。
あなたの回答
tips
プレビュー