التعليق: على الرغم من أنه يمكن استخدام فيديو HTML5 لعرض عناصر التحكم وإيقاف تشغيل التشغيل ، فقد تكون تأثيرات عرض المتصفحات المختلفة مختلفة. دعنا نشارككم بعض العمليات المخصصة وعناصر التحكم باستخدام DOM.
على الرغم من أن فيديو HTML5 يمكنه استخدام عناصر التحكم لعرض عناصر التحكم وإيقاف تشغيل التحكم في التشغيل ، إلا أن تأثيرات عرض المتصفحات المختلفة قد تكون مختلفة ، في كثير من الأحيان نحتاج إلى استخدام DOM للعمليات المخصصة وعناصر التحكم. هنا مثال صغير.بالطبع التأثير ليس جميلًا جدًا. إذا كنت تريد أن تبدو جيدًا ، فيمكنك تعيين نمط CSS الخاص بك ، إلخ.
<viv>
<NUNTY> تشغيل/إيقاف مؤقت </button>
<NUNTY> BIG </utton>
<NUNTY> </NOUNTY>
<NUNTY> صغير </button>
<video>
<المصدر src = "demo.mp4" type = "video /mp4" />
<المصدر src = "demo.ogg" type = "video /ogg" />
لا يدعم متصفحك علامة الفيديو HTML5.
</video>
</div>
<script type = "text/javaScript">
var myvideo = document.getElementById ("myvideo") ؛
وظيفة playpause ()
{
إذا (myVideo.paused)
myvideo.play () ؛
آخر
myvideo.pause () ؛
}
وظيفة tobig ()
{
myvideo.width = 560 ؛
}
وظيفة tonormal ()
{
myvideo.width = 420 ؛
}
وظيفة tosmall ()
{
myvideo.width = 320 ؛
}
</script>
تجدر الإشارة إلى أنه من بين جميع الخصائص ، تتوفر فقط خصائص VideOweDth و VideoHeight على الفور.
تتوفر خصائص أخرى بعد تحميل بيانات تعريف الفيديو.