HTML5 Custom Control Control Code باستخدام 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 على الفور.

تتوفر خصائص أخرى بعد تحميل بيانات تعريف الفيديو.