內容簡介
WPlyr 是一個易於使用的古騰堡區塊，實現了 Plyr – 一個簡單、輕量級且可訪問的 HTML5、YouTube 和 Vimeo 媒體播放器，支援現代瀏覽器。
示範
訪問 外掛示範 以查看它的表現。
功能
多格式支援
支援主要格式，包括 HTML 視訊和音訊、YouTube 和 Vimeo。HTML5 視訊支援 MP4、WebM 和 OGV 格式，而 HTML5 音訊支援 MP3、OGG 和 WAV 格式。
視訊解析度
HTML5 視訊播放器支援多個解析度來源選擇和播放。觀眾可以從播放器的設定介面即時設定播放解析度。
簡單介面
該外掛把所有功能融合成一個單一古騰堡區塊，只需點擊幾下就可以更改來源和輸出。
封閉標題
全面支援 VTT 標題和多個標題軌道。多語言標題軌道會自動選擇觀看者設備的預設語言。
控制器
此媒體播放器具有 10 多個控制項，可以從外掛的設定介面進行配置。默認情況下，播放器包括速度、快進/跳過、音量、標題、持續時間、視訊解析度選擇、畫中畫功能、全屏、空中播放和下載等控制功能。
自訂化
您可以從外掛的設定介面修改播放器顏色，以配合您的網站顏色方案。
乾淨的 HTML5
使用正確的語義元素。使用 <input type="range"> 控制音量和 <progress> 控制進度，以及 <button> 控制按鈕。沒有 <span> 或 <a href="#"> 按鈕的差異。
回應式
適應所有分辨率和現代設備。
瀏覽器支援
Safari ✓
Mobile Safari ✓¹
Firefox ✓
Chrome ✓
Opera ✓
Edge ✓
IE11 ✓²
音量控制也被禁用，因為它們是由設備處理的。
通過使用 polyfills 進行擴展。
外掛標籤
開發者團隊
原文外掛簡介
WPlyr is an easy-to-use Gutenberg block which implements Plyr – A simple, lightweight and accessible HTML5, YouTube and Vimeo media player that supports modern browsers.
Demo
Visit the plugin demo to see it in action.
Features
Multi Formats
Support for the major formats, HTML Video & Audio, YouTube & Vimeo. HTML5 Video supports MP4, WebM and OGV formats and HTML5 Audio supports MP3, OGG and WAV formats.
Video Resolution
The HTML5 video player supports multiple resolution source selection and playback. Viewers can set the playback resolution on the fly from the player’s settings interface.
Easy Interface
The plugin combines all the features into a single Gutenberg block allowing you to change the source and output with just a couple of clicks.
Closed Captions
Full support for VTT captions and multiple caption tracks. Multi-lingual caption track is automatically selected from the viewer device’s default language.
Controls
10+ controls for the media player can be configured from the plugin’s setting interface. By default, the player includes controls for speed, fast-forward/skip, volume, captions, duration, video resolution selection, picture-in-picture feature, fullscreen, airplay and download.
Customization
You can modify the player color from the plugin’s setting interface to match your website’s color scheme.
Clean HTML5
Uses the correct semantic elements. for volume and
Volume controls are also disabled as they are handled device wide.
Support extended via the use of polyfills.
