Как воспроизвести видео при клике на кнопку?

Question

[Ibishka]

Как воспроизвести видео при клике на кнопку?

<video>
<source src="video.mp4" type="video/mp4">
</video>
<button>Click me<button>

Comments

[Ярослав Иванов]

Ну за такое надо сразу бан

[ksnk]

Ярослав Иванов, За тег видео, за отсутствие автостарта, или за просто так ?https://html.spec.whatwg.org/#playing-the-media-re...

[Ярослав Иванов]

ksnk, ответ ищется поисковиком на раз

[Ibishka]

Ярослав Иванов, я искал но не нашел

Answer 1

[Сергей Карвасарный]

как-то так, по крайней мере со звуком так) убегаю нет времени глянуть но вроде все одинаково для звуки и видео.

для аудио тоже самое будет - <audio id="fon" src="audio/fon-1.mp3" preload="auto"></audio>

<video id="fon">
<source src="video.mp4" type="video/mp4">
</video>

<div class="btn-ok">Click Play</div>
<div class="btn-stop">Click Stop</div>

const btnOk = document.querySelector('.btn-ok');
const btnStop = document.querySelector('.btn-stop');
const wrapperVideo = document.getElementById('fon');

btnOk.addEventListener('click',function(){
  wrapperVideo.play();
});

btnStop.addEventListener('click',function(){
  wrapperVideo.pause();
});