루프가 끝날 때 오디오/비디오를 다시 재생할지 여부를 설정하거나 반환하는 html5 속성
- 黄舟원래의
- 2017-11-09 09:38:503756검색
Example
비디오를 반복하도록 설정:
myVid=document.getElementById("video1");
myVid.loop=true;Definition and Usage
loop PropertySet or return Audio/비디오가 마지막에 다시 재생되어야 하는지 여부.
브라우저 지원
모든 주요 브라우저는 루프 속성을 지원합니다.
참고: 이 속성은 Internet Explorer 8 이하 브라우저에서는 지원되지 않습니다.
Syntax
루프 속성 설정:
audio|video.loop=true|false
반환 루프 속성:
audio|video.loop
속성 값
| Value | Description |
| true | 오디오/비디오가 재생되어야 함을 나타냅니다. 마지막에 다시 . |
| false | 기본값. 오디오/비디오가 마지막에 다시 재생되지 않음을 나타냅니다. |
반환 값
| Type | Description |
| Boolean | true|false. 기본값은 false입니다. |
Example
비디오를 루프로 설정:
<!DOCTYPE html>
<html>
<body>
<p>
<button onclick="enableLoop()" type="button">启用循环</button>
<button onclick="disableLoop()" type="button">禁用循环</button>
<button onclick="checkLoop()" type="button">检查循环的状态</button>
</p>
<video id="video1" controls="controls">
<source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
<source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
<script>
var myVid = document.getElementById("video1");
function enableLoop() {
myVid.loop = true;
myVid.load();
}
function disableLoop() {
myVid.loop = false;
myVid.load();
}
function checkLoop() {
alert(myVid.loop);
}
</script>
</body>
</html>APP에서 HTML 페이지를 로드해야 하기 때문에 기본 WebVIew를 CrossWalk로 대체했으며 루프 속성이 테스트 시스템에 설정되어 있어도 이를 발견했습니다. . 동영상(andorid4.2.2 장치)은 루프로 재생되지 않습니다.
드디어 루프 속성은 더 이상 사용되지 않고 js를 사용하여 루프 재생을 처리합니다. HTML5에 대해 잘 몰라서 그냥 코딩했습니다.
<video autoplay="autoplay" id = "video" playsinline webkit-playsinline>
<source type="video/mp4" src="path" />
<preference name="AllowInlineMediaPlayback" value="true" />
</video>
<script>
var video = document.getElementById("video");
video.loop = false;
video.addEventListener('ended', function() {
video.currentTime=0.1; video.play(); }, false);
video.play();
</script>
</body>webView에서 HTML을 로드할 때 자동 실행 루프가 나타날 수 있습니다. 속성을 사용할 수 없는 경우 대신 더 강력한 CrossWalk를 사용하는 것을 고려할 수 있지만, HTML5가 사용됩니다. 루프 재생을 위해 비디오를 로드합니다. 이렇게 하면 비디오를 직접 재생할 때 전환 과정에서 짧은 검은색 화면을 피할 수 있습니다. . .
위 내용은 루프가 끝날 때 오디오/비디오를 다시 재생할지 여부를 설정하거나 반환하는 html5 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.