Некоторые меры предосторожности и методы кода для воспроизведения видео с помощью вызовов HTML5

Автор：Eve Cole Время обновления：2025-04-01 05:48:01

В этом быстром совете на видео мы рассмотрим, как использовать видеотегии HTML5 в вашем проекте. Поскольку старые браузеры и Internet Explorer не поддерживают элемент <dive>, мы должны найти решение для этих браузеров, которое поддерживает флэш -файлы.

Ниже приведены некоторые меры предосторожности и методы кода для воспроизведения видео, связанных с вызовами HTML5, связанными с воспроизведением видео HTML5. Контент является учебником, тщательно отобранным и составленным этим веб -сайтом. Я надеюсь, что это будет полезно для пользователей сети. Ниже приведено подробное содержание:

К сожалению, как и HTML5 Audio, форматы файлов, участвующие в видео, не поддерживаются так же, как Firefox и Safari/Chrome. Поэтому, если вы хотите использовать видео HTML5 в настоящее время, вам нужно создать три версии видео.

.Ogg

Firefox хорошо поддерживает этот формат. Вы можете использовать VLC (Media-> Stream/Save) для достижения простого преобразования видео.

.Mp4

Многие инструменты записи экрана поддерживают автоматический экспорт форматов MP4, которые вы можете использовать для генерации видео в указанном формате для браузеров Safari и Chrome.

.Flv/.swf

Конечно, не все браузеры поддерживают видео HTML5, обязательно добавьте вторую лучшую версию Flash, учитывая совместимость.

 <! Doctype html> <html lang = en> <head> <meta http-equiv = content-type content = text/html; charset = UTF-8> <Title> UntItled </title> </head> <body> <Видео элементы управления шириной = 500> <!-если Firefox-> <source src = video.ogg type = video/ogg/> <!-if safari/chrome-> <source src = video.mp4 type = video/mp4/> <!-если Browser не понимает, что Browser не понимает <A verc = video. video. Вы также можете написать что -то вроде использования лучшего браузера! Если ты чувствуешь себя противным. (Лучше использовать файл флэш-файла.)-> <embed src = http: //blip.tv/play/gcmvgcmbaga%2em4v type = application/x-shockwave-flash width = 1024 Height = 798 AlliveCrptAccess = Always AllowfullScreen = true> </ubed> </video> </hody> </htMl

Дополнительные параметры для некоторых элементов <videce>:

Элементы управления: логическое значение, отобразить кнопку воспроизведения/остановки;

Плакат: URL -адрес изображения, отображаемый до воспроизведения видео;

Autoplay: логическое значение, видео будет автоматически воспроизведено после загрузки страницы;

Ширина: ширина, необходимая для видео. По умолчанию браузер автоматически обнаружит предоставленный размер видео;

Высота: высота, необходимая для видео;

SRC: Путь к видеофайлу, используя дочерний элемент <source> для достижения лучшего.

Примечания на видео HTML5

1. Три видео формата должны быть созданы для достижения поддержки Firefox, Safari/Chrome и IE;

2. Не опускайте никакого формата. HTML5 не может быть совместимы с Firefox и Safari, как вы думаете. Safari может интерпретировать тег <idea> и рассчитывает загрузить соответствующий файл. Если определенный формат опущен, это приведет к тому, что игрок будет пустым;

3. Помните, что полноэкранный дисплей не поддерживается Safari и Chrome. Однако в Firefox 3.6 вы можете просмотреть полный экран.

4. Вы должны понимать причину, по которой IE загружает флэш -файлы, потому что IE не может интерпретировать элемент <dide>. Однако, если браузер поддержит его, вы рассчитываете загрузить соответствующий файл.

Английский оригинал: быстрый совет: видео HTML5 с запасной стороной Flash Nettus+

Контент о некоторых мерах предосторожности и методов кода для воспроизведения видео с помощью вызовов HTML5 здесь. Вы можете добавить в закладки эту страницу URL http://www.vevb.com/web/a/2018090561468.shtml для легкого доступа в следующий раз.