実現したいこと
(1)modal-video.jsを使いYouTubeを表示させたい
(2)YouTube動画を一時停止した際、関連動画を非表示にしたい
発生している問題・分からないこと
(1)
https://junpei-sugiyama.com/youtube-popup/
のサイトを参考に、サムネ画像をクリックしたらYouTubeがモーダルウィンドウで表示されるようにしたく、modal-video.jsを使い実装したいのですが、
サムネクリック→モーダル表示は問題なくされるのですが、YouTube動画が表示されず下記画像の状態になってしまいます。
modal-video.jsは下記2つのファイルをダウンロードし、一切コードはいじらず使っています。
・modal-video.min.css
・jquery-modal-video.min.js
(2)
YouTube動画を一時停止した際、関連動画の表示をなくしたいです。
YouTubeの仕様変更により現在はできなくなったとのことですが、何か非表示にできる方法はないでしょうか?諦めるしかないのでしょうか、、
該当のソースコード
html
1<div class="js-modal-video js-modal__btn" data-video-id="woqCSj5cuQY">2 <img class="youtube-thumbnail" src="" alt="">3</div>
js
1$(function () {2 if ($(".js-modal-video").length) {3 $(".js-modal-video").modalVideo({4 channel: "youtube",5 youtube: {6 rel: 0,7 },8 });9 }10});
試したこと・調べたこと
上記の詳細・結果
(1)
Google Chromeでの作業ですが、SafariやFirefoxなど別ブラウザで確認してもYouTubeのみ表示されませんでした。
また、Googleの拡張機能をオフにしたりキャッシュクリアも試しましたが、いずれもこの状態の解消はされませんでした。
(2)
rel: 0
をつけて関連動画が表示されていないサイトがあったので真似をしてみましたが、効果なしでした。
補足
特になし
0 コメント