تحكي هذه المقالة التحكم في الصوت والفيديو السمة الجديدة.
1. الصوت (الصوت)<udio controls = controls> <source src = ضع مسار ملف الصوت فيه> </source> </audio>2. فيديو (فيديو)
<controls video = controls loop = loop autoplay = autoplay id = video> <source src = ضع مسار ملف الفيديو فيه> </source> </video> <butten> </nutry> على> افتح الصوت < /button> <button> تشغيل </button> <button> توقف عن التشغيل </button> <button> ملء الشاشة </button>
ما يلي هو التحكم في ملفات الفيديو ؛
JavaScript يؤدي.
<script> var myvideo = document.getElementByid (video) ؛ 1] .click = function () {myvideo.med = true ؛ ) ؛ 3. كيفية إعداد وقت تشغيل شريط التقدم والفيديومتزامن.
كما هو مبين في الشكل:
اسمحوا لي أن أتحدث عنها هنا ، أولاً وقبل كل شيء
(1) ، الحد الأقصى لقيمة الطول الإجمالي للفيديو إلى الفيديو إلى شريط التقدم ، progress.max = video.duration ؛
(2) ، تحتاج إلى الحصول على طول الموضع الحالي لتشغيل الفيديو الحالي إلى طول شريط التقدم الحالي ، The Progress.value = video.currenttime ؛
ثم أثناء تشغيل الفيديو ، من الضروري التأكد من أن قيمة شريط التقدم يمكن أن تحصل على مدة الفيديو وموقف وقت التشغيل الحالي في الوقت المناسب.
تحتاج إلى فتح جهاز توقيت setInterval (Pro ، 100) ؛ :: يعني أن قيمة الفيديو يتم تعيينها إلى شريط التقدم في 1 مللي ثانية ، وذلك لضمان الوقت المناسب.
وبهذه الطريقة ، يمكن مزامنة شريط التقدم بدقة مع الفيديو.
4. كيفية التحكم في حجم الفيديو مع سمة النطاق لعنصر الجدول.1. أولاً وقبل كل شيء ، تحتاج إلى الحصول على قيمة القيمة للنطاق ، وحجم الصوت المعطى للفيديو للتحكم في مستوى الصوت.
<type type = range min = 0 value = 50 max = 100 id = range /> var run = document.getElementById (range) ؛
الحصول على Range.value ،
سمات الصوت المخصصة للفيديو: video.volume = range.value/100 ؛
في هذا الوقت ، فإن حجم السحب ببساطة والتحكم في الفيديو.
ثم تحتاج إلى الذهاب في الصوت لإغلاق الحكم.
الرمز النهائي هو كما يلي.
<! > أغلق الصوت </button> <زر OnClick = distablemute () type = button> افتح الصوت </button> <button onClick = playvid () type = button> تشغيل الفيديو </button> <زر OnClick = pauvid () type = زر> تمرير الفيديو </button> <button onClick = showfull () type = button> full screen </utton> <span> progress: </span> <progress value = 0 max = 0 id = pro> </progress > <span> مستوى الصوت: </span> <إدخال نوع = Range min = 0 max = 100 value = 50 onChange = SetValue () id = ran/> </viv> <script> var btn = document.getElementsByTagName (زر) ؛ ]. } // تشغيل وظيفة الفيديو playvid () {myVideo.play () ؛ مبلغ funch setValue () {) {) myvideo.volume = run.value/100 ؛ما سبق هو كل محتويات هذا المقال.