JSFiddle - React, Tailwind, and code Playground

by Yunus Gaziev

HTML

<dialog id="video_popup">
	<iframe width="560" height="315" src="https://www.youtube.com/embed/4JS70KB9GS0?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</dialog>
<button id="show_popup" type="button">Показать</button>

JavaScript

const show_popup = document.getElementById('show_popup');
const video_popup = document.getElementById('video_popup');


show_popup.addEventListener('click', () => {
	video_popup.showModal();
});