Komentar: HTML5 memberikan standar untuk menampilkan video. Jadi bagaimana cara memeriksa apakah browser Anda mendukung pemutaran video? Mari kita bagikan contoh kecil dengan Anda. Teman yang tertarik dapat mempelajarinya.
<strong> Semakin banyak situs web sekarang menawarkan pemutaran video (non-plug-in). HTML5 memberikan standar untuk menyajikan video. Jadi bagaimana cara memeriksa apakah browser Anda mendukung pemutaran video? Mari kita tulis kolom di bawah ini. </strong>
<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<body>
<h1> video html 5 </h1>
<p> Deteksi Apakah browser Anda mendukung video HTML5: </p>
<div>
<button> Periksa </button>
</div>
</div>
</body>
</html>
Berikut ini adalah kode JS:
function checkvideo ()
{
if (!! document.createelement ('video'). canplayType)
{
// Buat elemen video
var vidtest = document.createelement ("video");
// deteksi apakah mungkin untuk memutar video dalam format ogg
oggtest = vidtest.canplayType ('video/ogg; codecs = "theora, vorbis"');
if (! oggtest)
{
// deteksi apakah video format mp4 dapat diputar
h264test = vidtest.canplayType ('video/mp4; codecs = "avc1.42e01e, mp4a.40.2"');
if (! h264test)
{
document.geteLementById ("checkvideoresult"). innerHtml = "Maaf. Tidak ada dukungan video."
}
kalau tidak
{
if (h264test == "mungkin")
{
document.geteLementById ("checkvideoresult"). innerhtml = "Ya! Dukungan penuh!";
}
kalau tidak
{
document.geteLementById ("checkvideoresult"). innerHtml = "well. Beberapa dukungan.";
}
}
}
kalau tidak
{
if (oggtest == "mungkin")
{
document.geteLementById ("checkvideoresult"). innerhtml = "Ya! Dukungan penuh!";
}
kalau tidak
{
document.geteLementById ("checkvideoresult"). innerHtml = "well. Beberapa dukungan.";
}
}
}
kalau tidak
{
document.geteLementById ("checkvideoresult"). innerHtml = "Maaf. Tidak ada dukungan video."
}
}
CanPlayType Metode Deskripsi:
1. Definisi: Deteksi apakah browser dapat memainkan tipe audio/video yang ditentukan.
2. Nilai pengembalian:
"Mungkin" berarti browser kemungkinan besar mendukung video atau audio.
"Mungkin" berarti bahwa browser dapat mendukung video atau audio.
"" (String kosong), berarti bahwa browser tidak mendukung video atau audio.
Catatan: Internet Explorer 8 dan versi sebelumnya tidak mendukung metode ini.
Sintaks: Audio | Video.CanPlayType (Type))
Deskripsi Parameter:
Jenis: Jenis audio atau video yang akan dideteksi,
Nilai yang umum digunakan: video/ogg; video/mp4; video/webm; Audio/MPEG; audio/ogg; Audio/MP4
Nilai umum (termasuk codec audio atau video yang akan dideteksi):
video/ogg; codec = "Theora, vorbis"
video/mp4; codecs = "avc1.4d401e, mp4a.40.2"
video/webm; codec = "vp8.0, vorbis"
audio/ogg; codec = "vorbis"
audio/mp4; codec = "mp4a.40.5"