HTML5 비디오를 표시하는 버튼 표시

Question

클릭하면 비디오를 시작하는 html5 비디오 전체를 다루는 재생 버튼을 표시하려고합니다. 이것이 가능한가?

감사합니다.

Answer 1

버튼을 클릭 할 때 문제가있는 비디오는 this입니다. 동영상을 자바 스크립트로 받아보고 play 함수를 호출하면됩니다. 버튼의 경우 , 당신은 단순히 그래서 당신이 가진 것 CSS를 display:inline-block; position:relative과 CSS를 position:absolute; top:50%; left:50%;와 <button> 태그 사업부에서 동영상을 래핑 할 수

<div style="position:relative;"> 
<button style="position:absolute; top:50%; left:50%;" onclick="playPause(); return false;">Click to start</button> 
    <video id="video1" width="420"> 
    <source src="mov_bbb.mp4" type="video/mp4"> 
    <source src="mov_bbb.ogg" type="video/ogg"> 
    Your browser does not support HTML5 video. 
    </video> 
</div>