نسخة الكود كما يلي:
<! 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"> </viv>
// لأن مستوى JS محدود ، لا تنتقد إذا كنت لا تحب ذلك. فقط أدعي أنه بخير. الفيديو هو عنصر تحكم جديد في HTML5. يمكنك التحقق من ذلك.
<script type = "text/javaScript">
// mp4 هو تنسيق مدعوم بشكل شائع من قبل iOS و Android
وظيفة playvideo (OPT) {
if (typeof (opt) == "undefined") {
تنبيه ("يرجى تمرير المعلمات الضرورية!") ؛
يعود؛
}
if (typeof (opt.elemt) == "غير محدد") {
تنبيه ("يرجى تحديد الكائن ليتم إدراجه من قبل اللاعب!") ؛
يعود؛
}
if (typeof (opt.src) == "غير محدد") {
تنبيه ("يرجى تحديد مسار تشغيل الفيديو!") ؛
يعود؛
}
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": "" ؛ // autoplay (True هو تشغيل تلقائي)
_this.poster = opt.poster ؛ // غلاف الفيديو ، تغطية الصورة أثناء التشغيل
_this.preload = opt.preload == "true"؟ "التحميل المسبق": "" ؛ // التحميل المسبق (ابدأ التحميل عندما يكون صحيحًا)
_this.loop = opt.loop == "true"؟ "حلقة" : ""؛ // Play Play (يلعب حلقة عندما يكون صحيحًا)
var str = "<video id = 'playvideo' controls" ؛ // تهجئة التحكم في الفيديو بناءً على قيمة سمة SET
str + = "width = '" + _this.width + "' height = '" + _this.height + "'" + _this.autoplay + " + _this.preload +" + _this.loop + "؛
if (typeof (_this.poster)! = "undefined") {
str + = "poster = '" + _this.poster + "'>" ؛
} آخر {
str += ">" ؛
}
str + = "<source src = '" + _this.src + "' />" ؛
str += "</video>" ؛
this.elemt.innerhtml = str ؛ // ضع str في الكائن ليتم إدخاله
}
PlayVideo ({
// مطلوب جميع المعلمات ، ELEMT و SRC لملء معلمات أخرى ، اعتمادًا على المتطلبات
.
// الملصق هو الصورة المنسوجة قبل التشغيل ، Loop هي ما إذا كانت العزف على الحلقة والعرض و Heigth 100 ٪ افتراضيًا
Elemt: document.getElementByid ("Divvideo") ،
SRC: "3.MP4" ،
التحميل المسبق: "صحيح" ،
اللعب التلقائي: "صحيح" ،
الملصق: "" ،
حلقة: "صحيح" ،
عرض: ""،
ارتفاع:""
}) ؛
</script>
</body>
</html>