HTML5 Video

Аватар пользователя Олег

В наше время очень можно стало на сайте использовать видео-уроки, видео-презентации и прочее, чтобы сделать проект более ярким и запоминаемым. Видео материалы очень часто используют для продажи товаров в магазинах, для того, чтобы предложить услугу или продвинуть идею.

Такие видео надо как-то размещать на сайте, но вопрос даже не в размещать, а в том, чтобы эти видео можно было просмотреть с любого устройства, вопрос в универсальности ведео плееров или функционала под видео.

На текущий момент самым распространенным стало HTML5 видео, которое показало себя, как самое современное и работающее во всех устройствах.

Для универсального использования HTML5 видео плеера необходимо загружать в один  тег <video>  файл в форматах  mp4  ogv  webm  
 webm  

Поддержка форматов браузерами для настройки HTML5 видео

Browser MP4 WebM Ogg
Internet Explorer 9+ Да Нет Нет
Chrome 6+ Да Да Да
Firefox 3.6+ Нет Да Да
Safari 5+ Да Нет Нет
Opera 10.6+ Нет Да Да

 

  • MP4 = MPEG 4 файл кодированный видео кодеком H264 и  аудио кодеком AAC 
  • WebM = WebM файл кодированный видео кодеком VP8 и  аудио кодеком Vorbis
  • Ogg = Ogv файл кодированный видео кодеком Theora и  аудио кодеком Vorbis
Ваш сервер должен быть настроен для отдачи файлов с данными расширениями с соответсвующими MIME типами
 
Eсли у Вас имеется только один из нужных файлов то вот онлайн конверторы 
 
 

Удаление контролов у видео делается через JS

(function ($) {
Drupal.behaviors.zemlemer = {
attach: function (context, settings) {

var video = $("video"); // assuming "video" is your videos' id
video.removeAttribute("controls");

}
};
})(jQuery);