HTML5 동영상 속성에서 '컨트롤'을 포함하지 않으면 발견했습니다.iPad 용 HTML5 동영상 '컨트롤'제거
iPad에서 비디오가 재생되지 않습니다.
HTML5 비디오 컨트롤을 제거하려면 어떻게합니까? 여전히 비디오가 정상적으로 작동 할 수있게합니다. iPad iOS에서.
참고 : // 어떻게하면 '컨트롤'을 스크립트로 제거 할 수 있습니까? HTML5 비디오 마크 업에서 그대로 유지합니다. 이것이 가능한 해결책 일 수 있습니까?
사용자는 비디오와 상호 작용할 수있는 컨트롤이 필요합니다. 그렇지 않으면 어떻게 재생할 수 있고 일시 정지 할 수 있습니까?
자바 스크립트로 컨트롤을 제거 할 수는 있지만 사용자가 비디오를 제어 할 수없는 동일한 효과가 있습니다.
따라서 컨트롤을 그대로 두거나 숨기고 Media API (Working with HTML5 multimedia components – Part 3: Custom controls 참조)를 사용하여 자신 만의 세트를 만들어야합니다. 이렇게하면 컨트롤을 제한 할 수 있습니다.
당신은 단순히 그것에 "클릭"할 때 비디오를 재생하기 위해 사용자를 허용하려면, 당신은 같은 것을 시도해 볼 수도 있습니다 : 때 이벤트 작업은하지 않았다 내 경우에는
var video = document.getElementById('myVideoId');
video.addEventListener('click', function() { video.play(); }, false);
을 동영상 자체에서 왔기 때문에 결국에는 보이지 않는 div를 비디오 표면을 완벽하게 덮는 스트레칭을해야했습니다.
또한 어떻게 든 클릭 이벤트와 관련되어 있습니다. 다른 모든 장치와 완벽하게 잘 맞지만 IPAD에서 "첫 번째 재생"은 별도의 항목이 클릭 된 경우에만 작동합니다 (여기서 우리는 시나리오에 대해 이야기하고 있습니다). io가 내장 된 컨트롤이 꺼져있을 때) 이상하지만 다른 것은 나를 위해 일했다. 도움이 되었으면 좋겠다.
디자인으로 인해 비디오를 자동 재생할 수는 없지만 재생이 시작된 후 컨트롤을 제거 할만큼 간단하다. 원하는 :
<video id="video" src="video.mp4" poster="image.jpg" preload="auto" onplaying="this.controls=false"/></video>
(아이 패드는 preload="auto" 속성을 존중하지만, 그것은 어떤 경우에 포함 할 다치게하지 않습니다 확실하지 경우).