Video.js – видеоплеер на HTML5 с открытым исходным кодом

Фрагмент интерфейса сайта Video.js.
Фрагмент интерфейса сайта Video.js.
Новый HTML5-видео­пле­ер Video.js поз­во­лит раз­ра­бот­чи­кам и дизай­не­рам созда­вать и настра­и­вать внеш­ний вид пле­е­ра, а так­же с лег­ко­стью встра­и­вать видео на стра­ни­цу сай­та, так же, как это про­ис­хо­дит сей­час с изоб­ра­же­ни­ем, исполь­зуя толь­ко тег <video>.

Video.js – это биб­лио­те­ка JavaScript и CSS, кото­рая облег­ча­ет рабо­ту по созда­нию HTML5-видео. Биб­лио­те­ку мож­но так­же назвать HTML5-видео­пле­е­ром. Video.js обес­пе­чи­ва­ет управ­ле­ние и созда­ние внеш­ней обо­лоч­ки пле­е­ра в HTML/CSS, а так­же исправ­ля­ет несо­от­вет­ствия в раз­ных бра­у­зе­рах и добав­ля­ет допол­ни­тель­ные функ­ции, такие как пол­но­экран­ный режим и нали­чие суб­тит­ров. Video.js поз­во­ля­ет пере­клю­чать­ся на Flash тогда, когда недо­сту­пен HTML5, а так­же обес­пе­чи­ва­ет JavaScript API для вза­и­мо­дей­ствия с видео.

Что такое HTML5 видео?

HTML – это язык раз­мет­ки, из кото­рой состо­ит любая стра­ни­ца в Интер­не­те. Новей­шая вер­сия, HTML5, вклю­ча­ет спе­ци­фи­ка­ции для тега <video>, кото­рый дает воз­мож­ность веб-раз­ра­бот­чи­кам добав­лять видео на стра­ни­цу таким же обра­зом, как это дела­ет­ся с изоб­ра­же­ни­ем. Для того что­бы это рабо­та­ло, раз­ра­бот­чи­ки веб-бра­у­зе­ров созда­ли встро­ен­ные функ­ци­о­наль­ные воз­мож­но­сти вос­про­из­ве­де­ния видео в сво­их бра­у­зе­рах.

Фрагмент интерфейса сайта Video.js.
Фраг­мент интер­фей­са сай­та Video.js.

Про­иг­ры­ва­ние видео на веб-стра­ни­це может пока­зать­ся не таким осо­бен­ным, так как мы при­вык­ли смот­реть видео с помо­щью пла­ги­нов, таких как Flash Player, Quicktime и Silverlight. Одна­ко на самом деле это боль­шой шаг впе­ред для стан­дар­ти­за­ции вос­про­из­ве­де­ния видео через веб-бра­у­зе­ры и мобиль­ные устрой­ства.

Цель в том, что­бы в буду­щем раз­ра­бот­чи­ки мог­ли исполь­зо­вать толь­ко один метод для встра­и­ва­ния видео, осно­ван­ный на откры­тых стан­дар­тах, кото­рые не будут кон­тро­ли­ро­вать­ся каки­ми-либо ком­па­ни­я­ми и видео будет рабо­тать вез­де.

Кро­ме того, HTML5-видео может улуч­шить про­из­во­ди­тель­ность видео, не тре­буя исполь­зо­ва­ния пла­ги­на. При этом такой фор­мат откры­ва­ет две­ри для созда­ния вза­и­мо­дей­ствия меж­ду видео и дру­ги­ми эле­мен­та­ми на веб-стра­ни­цы, что не было воз­мож­но рань­ше.

Сайт: Video.js.