> 웹 프론트엔드 > H5 튜토리얼 > html5에서는 로드 후 오디오 및 비디오 재생 시작 여부에 대한 자동 재생 속성을 설정하거나 반환합니다.

html5에서는 로드 후 오디오 및 비디오 재생 시작 여부에 대한 자동 재생 속성을 설정하거나 반환합니다.

黄舟
풀어 주다: 2017-11-08 09:35:48
원래의
3265명이 탐색했습니다.

Example

자동 재생 활성화 및 다시 로드 video:

myVid=document.getElementById("video1");
myVid.autoplay=true;
myVid.load();
로그인 후 복사

정의 및 사용법

autoplay Properties로드 후 오디오 및 비디오 재생 시작 여부를 설정하거나 반환합니다.

브라우저 지원

모든 주요 브라우저는 자동 재생 속성을 지원합니다.

참고: 이 속성은 Internet Explorer 8 이하 브라우저에서는 지원되지 않습니다.

Syntax

자동 재생 속성 설정:

audio|video.autoplay=true|false
로그인 후 복사

자동 재생 속성 반환:

audio|video.autoplay
로그인 후 복사

속성 값

ValueDescription
true오디오 및 비디오가 재생됨을 나타냅니다. 로딩 직후.
false기본값. 로드 후 오디오와 비디오가 즉시 재생되지 않아야 함을 나타냅니다.

기술 세부정보

Falsehtml5 동영상 자동 재생 속성을 사용할 때 사운드 혼란 페이지 코드
반환 값부울 값입니다. True | FALSEe 기본값:

index.html

rreeee

js 코드

html5.js

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title> 
<meta charset=&#39;utf-8&#39;/>
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/thml5.js" type="text/javascript"></script>
<script type="text/javascript">

window.onload=function(){
$(&#39;#channel1&#39;).click(function(){
setConfig("test1.mp4");
});

$(&#39;#channel2&#39;).click(function(){
setConfig("test2.mp4");
});

$(&#39;#channel3&#39;).click(function(){
setConfig("test3.mp4");
});
}


function setConfig(url){
var jo=$(&#39;#test1&#39;);
var cfg=HTML5MediaService.getDefaultConfig();
 cfg=$.extend(cfg, {url: url});
HTML5MediaService.create(jo,cfg);
}

</script>
</head>
<body>
<div id=&#39;test1&#39; style="height:300px;width:500px;">

</div>
</br>
</br>
</br>
<div>
<span id=&#39;channel1&#39;>频道1</span>
<span id=&#39;channel2&#39;>频道2</span>
<span id=&#39;channel3&#39;>频道3</span>
</div>
</body>
</html>
로그인 후 복사
e 내 솔루션:


자동 재생 기능을 제거하고 play() 기능을 사용하여 자동 재생 기능을 구현하세요.

위 내용은 html5에서는 로드 후 오디오 및 비디오 재생 시작 여부에 대한 자동 재생 속성을 설정하거나 반환합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿