モーダルウィンドウを閉じたときにyoutubeを自動的に止める

2024-04-29

モーダルウィンドウにyoutube埋め込みをすると、ウィンドウを閉じても動画が止まらず音だけなり続ける。
APIを使って止めるのは面倒なので、手っ取り早くsrcのURLをリロードすれば勝手に止まる。

	const closeBtn = 閉じるボタン;
	const modal = youtubeの動画埋め込んでるモーダルウィンドウ;

	closeBtn.addEventListener('click', () => {
	modal.querySelector('iframe').src = modal.querySelector('iframe').src; // srcを一旦消してリロードすることで動画再生を停止する
	modal.close();
	});