Extension:TimedMediaHandler/VideoJS Player/ru



The VideoJS Player is the video player for MediaWiki on Wikimedia projects.

Он основан на VideoJS и обладает более современным, быстрым пользовательским интерфейсом с поддержкой для мобильных устройств и HTML5.

Usage


There is both an audio and video player. You can find examples of both players on this page. Once launched you will see a control bar when interacting with the video.



The controls in order from left to right are:


 * VideoJS play pause control.png Play/pause control
 * VideoJS volume control.png Volume control
 * Playback position
 * Remaining playback time
 * VideoJS subtitle control.png Subtitle language selector and subtitle style controls
 * VideoJS resolution control.png Resolution selector
 * VideoJS picture-in-picture control.png Optional Picture-in-Picture control
 * VideoJS fullscreen control.png Fullscreen control
 * VideoJS file description control.png Info button to take you to the file description page

Mouse and keyboard controls

 * Click the play icon above the thumbnail to begin playback of the media file.
 * Right click or middle click the thumbnail to open the file description page
 * Play/Pause the player with a single mouse click inside the player window
 * Double click the player window to enter or leave fullscreen mode
 * The following keyboard controls are available:
 * k / spacebar-key : Play/pause the media playback
 * f-key : Enter/Leave fullscreen
 * m-key : Mute the audio
 * The player is fully keyboard accessible using tab, enter and spacebar keys

Почему?
Проигрыватель, который Wikimedia использует с 2010 года, имеет несколько существенных недостатков, которые ограничивают нас в дальнейших улучшениях:


 * Оно не работает корректно на мобильных устройствах, используемых сейчас большинством наших читателей.
 * Слабо используется другими.
 * Написан до стандартизации видео HTML5.
 * Использует собственную систему субтитров.
 * Написан для совместимости с Internet Explorer 6 и использует стандарты JavaScript тех времен.
 * Написан до того, как был разработан наш собственный стек JavaScript.
 * Фактически, не обслуживался в в течении 8 лет

Известные проблемы

 * When a wiki is being switched, for several days you might notice that some pages will show the old player and other pages the new player. This is expected and caused by caching. No action or bug report is required for this.
 * Субтитры могут не отражаться у некоторых файлов. Мы отказались от поддержки разметки вики-кода внутри субтитров. Рекомендуется переписать эти субтитры (T224258).
 * Audio opens a dialog rather than displayed inline when there is a transcription. This is a deliberate change, that will in future allow us to display transcriptions for audio. Please see T246035.

Видеоплеер все еще находится в разработке, но если вы обнаружите какие-либо проблемы, сообщите о них на странице обсуждения или сохраните их в Phabricator.

Developers
Developers working on features that use the Video.js player will need to initialize and configure it appropriately. Below is an example of typical usage.

Basic Configuration Example
The  can also be provided in the HTML  element instead of in JS:

Advanced configuration with Ogv.js support
If you need cross-platform playback of OGG or WebM files (many files in Commons are in these formats), you can use the Ogv.js plugin for Video.js, which is also included in TimedMediaHandler. Example configuration: