Komentar: Meskipun video HTML5 dapat digunakan untuk menampilkan kontrol dan kontrol playback jeda, efek tampilan dari browser yang berbeda mungkin berbeda. Mari kita bagikan dengan Anda beberapa operasi dan kontrol khusus menggunakan DOM.
Meskipun video HTML5 dapat menggunakan kontrol untuk menampilkan kontrol dan kontrol playback jeda, efek tampilan dari browser yang berbeda mungkin berbeda, berkali -kali kita perlu menggunakan DOM untuk operasi dan kontrol khusus. Ini contoh kecil.Tentu saja efeknya tidak terlalu indah. Jika Anda ingin terlihat bagus, Anda dapat mengatur gaya CSS Anda sendiri, dll.
<div>
<button> Putar/Pause </button>
<button> Big </button>
<button> </button>
<button> Small </button>
<Video>
<Source src = "demo.mp4" type = "video /mp4" />
<Source src = "demo.ogg" type = "video /ogg" />
Browser Anda tidak mendukung tag video HTML5 ini.
</dide>
</div>
<type skrip = "Teks/JavaScript">
var myvideo = document.getElementById ("myvideo");
function playpause ()
{
if (myvideo.paused)
myvideo.play ();
kalau tidak
myvideo.pause ();
}
fungsi tobig ()
{
myvideo.width = 560;
}
fungsi tonormal ()
{
myvideo.width = 420;
}
fungsi tosmall ()
{
myvideo.width = 320;
}
</script>
Perlu dicatat bahwa di antara semua properti, hanya videowidth dan properti VideoHeight yang segera tersedia.
Properti lain tersedia setelah metadata video dimuat.