Как отловить событие автостарта для video?

Question

[Максим Тимофеев]

Есть видео:

<video id="video" preload="auto" autoplay="true" width="400" volume="0.5" poster="/video_new_year/img/zagl.png" style="border:#fff 5px solid;">
								<source src="/video_new_year/2016.mp4"  type="video/mp4">
								<source src="/video_new_year/2016.webm" type="video/webm">
								<source src="/video_new_year/2016.ogv"  type='video/ogg; codecs="theora, vorbis"'>
								Ваш браузер не поддерживает html5, попробуйте открыть данную ссылку в современном браузере
							</video>

В некоторых браузерах автостарт не срабатывает, как определить, что он не сработал. У меня просто есть кнопки поверх видео и они перекрывают плеер. Получается если видео не запустилось, что из-за кнопок и не запустишь ни как. Поэтому надо зацепиться за что-то, что бы скрывать их если не запустилось или наоборот показывать, если запустилось.

Answer 1

[L0k1]

подстрахуйся так

$('video[autoplay]').each(function(){
			$(this)[0].play();
		});

Answer 2

[kostik]

var video = document.querySelector('#video');

function onPlay() {
  console.log('play');
}

video.addEventListener('play', onPlay, false);