การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> </title>
</head>
<body>
<div id = "DivVideo"> </div>
// เนื่องจากระดับของ JS มี จำกัด อย่าวิพากษ์วิจารณ์ว่าคุณไม่ชอบหรือไม่ แค่แกล้งทำเป็นว่าไม่เป็นไร วิดีโอเป็นตัวควบคุมใหม่ใน HTML5 คุณสามารถตรวจสอบได้
<script type = "text/javascript">
// MP4 เป็นรูปแบบที่สนับสนุนโดย iOS และ Android โดยทั่วไป
ฟังก์ชั่น playvideo (opt) {
if (typeof (opt) == "undefined") {
การแจ้งเตือน ("โปรดผ่านพารามิเตอร์ที่จำเป็น!");
กลับ;
-
if (typeof (opt.elemt) == "undefined") {
การแจ้งเตือน ("โปรดระบุวัตถุที่ผู้เล่นแทรก!");
กลับ;
-
if (typeof (opt.src) == "undefined") {
การแจ้งเตือน ("โปรดระบุเส้นทางที่จะเล่นวิดีโอ!");
กลับ;
-
var _this = this;
_this.elemt = opt.elemt; // วัตถุที่จะแทรกโดยผู้เล่น
_this.src = opt.src; // URL ของวิดีโอ (จำเป็น)
_this.width = opt.width> 0? opt.width + "px": "100%"; // ความกว้าง (ค่าเริ่มต้น 100%)
_this.height = opt.height> 0? opt.height + "px": "100%"; // ความสูง (ค่าเริ่มต้น 100%)
_this.autoplay = opt.autoplay == "true"? "เล่นอัตโนมัติ": ""; // autoplay (จริงคือการเล่นอัตโนมัติ)
_this.poster = opt.poster; // วิดีโอปกภาพปกระหว่างการเล่น
_this.preload = opt.preload == "true"? "preload": ""; // preload (เริ่มโหลดเมื่อจริง)
_this.loop = opt.loop == "true"? "ลูป": ""; // loop play (ลูปเล่นเมื่อจริง)
var str = "<video id = 'playvideo' ควบคุม"; // การสะกดคำควบคุมวิดีโอตามค่าของแอตทริบิวต์ชุด
str + = "width = '" + _this.width + "' ความสูง = '" + _this.height + "'" + _this.autoplay + "" + _this.preload + "" + _this.loop + "";
if (typeof (_this.poster)! = "undefined") {
str + = "โปสเตอร์ = '" + _this.poster + "'>";
} อื่น {
str += ">";
-
str + = "<source src = '" + _this.src + "' />";
str += "</video>";
this.elemt.innerhtml = str; // ใส่ str ลงในวัตถุที่จะแทรก
-
playvideo ({
// พารามิเตอร์ทั้งหมด ELEMT และ SRC จะต้องกรอกพารามิเตอร์อื่น ๆ ขึ้นอยู่กับข้อกำหนด
// elemt เป็นคอนเทนเนอร์ที่จะแทรกในการควบคุมการเล่น SRC เป็นที่อยู่ไฟล์วิดีโอ preload จะโหลดไว้ล่วงหน้าและหากหน้าเล่นอัตโนมัติเข้ามา
// โปสเตอร์เป็นภาพที่ถูกปิดก่อนการเล่นลูปคือการเล่นลูปความกว้างและความรุนแรงเป็นค่าเริ่มต้น 100%
elemt: document.getElementById ("DivVideo"),
SRC: "3.MP4"
โหลดล่วงหน้า: "จริง",
เล่นอัตโนมัติ: "จริง",
โปสเตอร์: "",
ลูป: "จริง",
ความกว้าง: "",
ความสูง:""
-
</script>
</body>
</html>