가변 유튜브 임베디드 비디오를 이미지로 오버레이, 클릭시 이미지 숨기기 및 하드 코딩 된 jQuery없이 자동 재생

오버레이 이미지의 경우 간단히 포스터 속성을 사용하고 이미지 경로를 제공 할 수 있습니다.

<video id="myvid" autoplay controls poster="/overlay.jpg">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

동적으로 비디오 변경

var video = document.getElementById('myvid ');
var sources = video.getElementsByTagName('source');
sources[0].src = "http://example.com/new_url.mp4";
sources[1].src = "http://example.com/new_url.ogg";
video.load(); //reloads video without reloading page
video.play();