Комментарий: HTML5 предоставляет стандарт отображения видео. Итак, как проверить, поддерживает ли ваш браузер воспроизведение видео? Давайте поделимся с вами небольшим примером. Заинтересованные друзья могут узнать об этом.
<strong> все больше и больше веб-сайтов теперь предлагают воспроизведение видео (не подсчитываемые). HTML5 предоставляет стандарт для представления видео. Итак, как проверить, поддерживает ли ваш браузер воспроизведение видео? Давайте напишем столбец ниже. </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">
<голова>
<тело>
<h1> html 5 видео </h1>
<p> Обнаружение, поддерживает ли ваш браузер видео HTML5: </p>
<div>
<Кнопка> Проверьте </button>
</div>
</div>
</body>
</html>
Ниже приведено код JS:
Функция checkvideo ()
{
if (!! document.createElement ('video'). canplaytype)
{
// Создать видео элемент
var vidtest = document.createElement ("видео");
// Обнаружение, возможно ли воспроизводить видео в формате OGG
oggtest = vidtest.canPlaytype ('video/ogg; codecs = "theora, vorbis"');
if (! oggtest)
{
// можно обнаружить, можно ли воспроизвести видео формата MP4
h264test = vidtest.canplaytype ('video/mp4; codecs = "avc1.42e01e, mp4a.40.2"');
if (! h264test)
{
document.getElementById ("CheckVideoresult"). innerHtml = "извините. Нет поддержки видео".
}
еще
{
if (h264test == "вероятно")
{
document.getElementById ("CheckVideoresult"). innerHtml = "Да! Полная поддержка!";
}
еще
{
document.getElementById ("CheckVideoresult"). innerHtml = "Ну. Некоторая поддержка";
}
}
}
еще
{
if (oggtest == "Вероятно")
{
document.getElementById ("CheckVideoresult"). innerHtml = "Да! Полная поддержка!";
}
еще
{
document.getElementById ("CheckVideoresult"). innerHtml = "Ну. Некоторая поддержка";
}
}
}
еще
{
document.getElementById ("CheckVideoresult"). innerHtml = "извините. Нет поддержки видео".
}
}
CANPLAYTYPE Метод Описание:
1. Определение: обнаружите, может ли браузер воспроизводить указанный тип аудио/видео.
2. возвращаемое значение:
«Вероятно» означает, что браузер, скорее всего, поддержат видео или аудио.
«Может быть» означает, что браузер может поддерживать видео или аудио.
«(пустая строка), означает, что браузер не поддерживает видео или аудио.
Примечание. Internet Explorer 8 и более ранние версии не поддерживают этот метод.
Синтаксис: Audio | video.canPlaytype (type))
Описание параметра:
Тип: тип аудио или видео, который будет обнаружен,
Обычно используемые значения: видео/OGG; Видео/MP4; Видео/Webm; аудио/mpeg; аудио/OGG; аудио/MP4
Общие значения (включая аудио или видеокодек, который должен быть обнаружен):
Видео/OGG; Codecs = "Theora, Vorbis"
Видео/MP4; Codecs = "avc1.4d401e, mp4a.40.2"
Видео/Webm; Codecs = "vp8.0, vorbis"
аудио/OGG; Codecs = "vorbis"
аудио/MP4; Codecs = "mp4a.40.5"