Skip to content

Instantly share code, notes, and snippets.

@whitia
whitia / index.html
Last active April 8, 2022 05:23
【CSS+JS】モーダルウィンドウを表示しその中にYouTube動画を動的に埋め込む
<div class="container">
<div class="js-modal-video-open" data-url="https://www.youtube.com/watch?v=xxxxxxxxxxx">
<img class="thumbnail" src="x-thumb.jpg" />
</div>
<div class="js-modal-video-open" data-url="https://www.youtube.com/watch?v=yyyyyyyyyyy">
<img class="thumbnail" src="y-thumb.jpg" />
</div>
<div id="modal-video" class="close js-modal-video-close">
<div id="player"></div>
</div>