HTML5 비디오 외부 재생버튼 예제

HTML5 비디오 외부 재생버튼 예제

1 예시[ | ]

<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(function(){
	$('#btn-play').click(function(){
		var video = $('#my-video');
		video.attr('src', 'https://upload.wikimedia.org/wikipedia/en/d/dc/Pac-Man_Atari_2600_footage.ogv');
		video.get(0).play();
	});
});
</script>
 
<video id="my-video" width="400" height="300" poster="https://upload.wikimedia.org/wikipedia/en/thumb/1/16/Pac_flyer.png/220px-Pac_flyer.png"></video>
<br><button id="btn-play">재생하기</button>

2 같이 보기[ | ]