Встраиваем видео на сайт с помощью HTML5Тестирование загрузки видеоролика с использованием возможностей новой технологии HTML5.
1. Найдите h3 (заголовок 3-го уровня) и непосредственно под самим заголовком напишите нижеприведённый код:

Этим действием ваше видео должно добавиться прямо под 3 заголовком. Достаточно просто, не так ли? Обязательно проверьте «path» к вашему видео. Он должен располагаться ровно в том месте, в котором вы его определили. Это очень важное условие, без которого видео не добавится под 3 заголовок, а соответственно дальнейшая работы не сможет продолжиться. Чтобы появилась панель управления для видеозаписи, можно дополнительно использовать параметр «controls». «Autoplay» – параметр, позволяющий автоматический запуск видео в случае, если страничка начинает подгружаться. Все новые требования к html5 соблюдены в данном способе. Потенциально хотелось бы, чтобы всё больше и больше разработчиков присоединялось к внедрению технологий ближайшего будущего. Применение новых технологий гарантирует более качественную работу при добавлении различных видео.

К сожалению, разные браузеры поддерживают разные форматы файлов. То есть не все типы файлов могут работать на абсолютно всех браузерах. Каждый браузер поддерживает несколько определенных типов файлов. Этот пример никак не взаимодействует с Opera Browser. Вам потребуется конвертировать видеозапись в формат «Ogg Theora» и слегка изменить код, предлагая браузеру некий вид альтернативы. В противном случае ничего работать не будет.
Для конвертации видеозаписи вам пригодится специальный конвертер видео скачать который можно, перейдя по ссылке. Затем, после завершения процесса конвертации, сохраните вашу видеозапись в папку «video». HTML код же стоит изменить на нижеприведённый:

<sourcesrc="video forfree.mp4"="" type="video/mp4">

Это будет работоспособным вариантом для Opera Browser. Возникает некая проблема, касающаяся взаимодействия новых HTML технологий с архаичными браузерами. Если какому-то browser-у будет непонятен какой-нибудь тег, то он не обратит на него никакого внимания, но заметит содержимое в тот самом непонятном для него элементе. Вам стоит прибегнуть к хитрости. Код будет представлять нечто подобное:

Если кто-то воспользуется архаичным browser-ом, тег «iframe» обработается без проблем, игнорируя нововведения HTML5.

Рассказать друзьям

Добавить комментарий


Защитный код
Обновить