<div class="codetitle"> <span><a style="CURSOR: pointer" data="77109" class="copybut" id="copybut77109" onclick="doCopy('code77109')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code77109"> <br><!DOCTYPE html> xmlns=" http://www.w3.org/1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset= utf-8 " /> <br><title></title> <br></head> <br><body> <br><br><div id="divVideo"> </ div> <br><br>//js의 제한된 수준으로 인해 마음에 들지 않으면 불평하지 마세요. 그냥 아무 것도 아닌 것으로 취급하세요. 비디오는 html5의 새로운 컨트롤입니다. 살펴보기 <br><br><script type=" text/javascript"> <br><br>//mp4는 iOS 및 Android에서 일반적으로 지원되는 형식입니다. <br>function playVideo(opt) { <br> if (typeof (opt) == "정의되지 않음") { <br>alert("필요한 매개변수를 전달하세요!") <br>return <br>} <br>if (typeof (opt.elemt) = = "정의되지 않음") { <br>alert("삽입할 플레이어 개체를 지정하세요!"); <br>return; <br>} <br>if (typeof (opt.src) == "정의되지 않음") <br>alert("동영상을 재생할 경로를 지정하세요!" ); <br>return; <br>} <br>var _this = this <br>_this.elemt = opt.elemt; 플레이어에 의해 삽입됨 <br>_this.src = opt.src; / /비디오 URL(필수) <br>_this.width = opt.width > ? opt.width "px" : "100%"; //너비(기본값 100%) <br>_this.height = opt .height > 0 ? opt.height "px" : "100%"; //높이(기본값 100%) <br>_this.autoplay = opt .autoplay == "true" ? "autoplay" : ""; / /자동 재생(true는 자동 재생을 의미합니다) <br>_this.poster = opt.poster; //비디오 표지, 재생 중 표지 이미지 <br>_this. preload = opt.preload == "true" ? "preload" : ""; //미리 로드(true일 때 로드 시작) <br>_this.loop = opt.loop == "true" ? ""; //반복 재생(true인 경우 반복 재생) <br>var str = "<video id='playVideo'controls "; //설정된 속성의 값에 따라 비디오 컨트롤의 철자를 지정합니다.<BR> str = " width ='" _this.width "' height='" _this.height "' " _this.autoplay " " _this.preload " " _this.loop " "; <BR>if (typeof (_this.poster) != "정의되지 않음" ) { <BR>str = "poster='" _this.poster "' >" <br>} else { <br>str = " > " <br>} <br>str = " <source src='" _this.src "' />"; <br> str = "</video>"; <br>this.elemt.innerHTML = str; //삽입할 객체에 str을 넣어주세요 <br>} <br>playVideo({ <br>//모든 매개변수, elemt 및 src가 필수이며 기타 요구사항은 요구사항에 따라 다릅니다.<br>//elemt는 재생 컨트롤에 삽입할 컨테이너이고 src는 비디오 파일입니다. 주소, 미리 로드는 미리 로드 중, 페이지를 입력하면 자동 재생이 자동으로 재생됩니다.<br>//poster는 재생 전 마스크된 이미지, 루프는 반복 재생 여부를 나타냅니다. 너비와 높이는 기본값이 100%입니다. <br>요소: document.getElementById ("divVideo"), <br>src: "3.mp4", <br>preload: " true", <br>autoplay: "true", <br>poster: "", <br>loop: "true ", <br>너비: "", <br>높이:"" <br>}); <br></script> <br></body> <br></html> <br> <br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
