Как по нажатию на кнопку запускать видео на ютуб?

Question

[LastGeneral]

Как сделать так что бы по нажатию на кнопку пропадала картинка и запускалось видео?

<div class="epilation-video">
			<iframe
					width="100%"
					height="100%"
					src="https://www.youtube.com/embed/J_5_tkXXFWo"
					srcdoc="<style>*{padding:0;margin:0;overflow:hidden}
							html,body{height:100%}
							img,span{position:absolute;width:100%;height:100%;object-fit:cover;top:0;bottom:0;margin:auto}
							span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}
							</style>
							<a href=https://www.youtube.com/embed/J_5_tkXXFWo?autoplay=1>
							<img src=https://lazerhall.pl/wp-content/uploads/2021/04/hero.jpg alt='Demo video'>
							<span>▶</span>
							</a>"
					frameborder="0"
					allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
					allowfullscreen
					title="Demo video">
			</iframe>
		</div>

Comments

[Артем Золин]

Скопировал/вставил ваш iframe, все работает

[Капитан Какао]

Тоже работает

Answer 1

[Mr.Ivan]

Ну типа java-script..Вешаешь событие на клик....А там классы присваиваешь и все)