Extension:TimedMediaHandler/VideoJS Player/vi



The VideoJS Player is the replacement video player for MediaWiki and will soon replace the older video player featured on Wikimedia projects.

Nó dựa trên VideoJS và có giao diện hiện đại hơn, nhanh hơn và tương thích trên các thiết bị di động và HTML5.

Bạn có thể sử dụng tiện ích này trên các wiki thuộc dự án Wikimedia dưới dạng Tính năng Beta dành cho máy tính để bàn bằng cách chọn phần "Trình phát video mới" (New video player) trong phần tùy chọn.

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

Tại sao?
Trình phát Wikimedia sử dụng từ năm 2010 tồn tại một số nhược điểm, điều này đã hạn chế chúng tôi trong việc cải tiến thêm.


 * Khó hoạt động chính xác trên thiết bị di động.
 * Không được sử dụng rộng rãi trên những trang web khác.
 * Được viết trước khi video HTML5 được chuẩn hóa.
 * Sử dụng hệ thống phụ đề của riêng mình.
 * Được viết để tương thích với Internet Explorer 6 và sử dụng các tiêu chuẩn JavaScript ở thời đó.
 * Được viết trước khi stack JavaScript của chúng tôi được phát triển.
 * Gần như không có gì thay đổi trong vòng 8 năm.

Các vấn đề đã biết

 * Phụ đề có thể không hoạt động trên một số tập tin. Chúng tôi đã ngừng hỗ trợ việc viết mã wiki trong phụ đề. Vì vậy, bạn nên viết lại chúng.
 * Audio opens a dialog rather than displayed inline. This is a deliberate change, that will in future allow us to display transcriptions for audio. Please see T246035.

Trình phát video vẫn đang được phát triển. Nếu bạn phát hiện lỗi, xin vui lòng báo cáo tại trang thảo luận hoặc 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

 * Note, this is outdated and should be reworked to make use of our player wrappers, which apply consistent options and settings for videojs playback.

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: