前言介紹
- 這款 WordPress 外掛「HTML5 Video Player for WordPress」是 2016-08-21 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2017-02-11，距離現在已有 3003 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 2.7 以上版本才可以安裝。
- 有 3 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
HTML5 | video | player | videojs | javascript |
內容簡介
這是一個用 Video.js HTML5 播放器庫建立的 WordPress 外掛程式。使用了較美觀的皮膚並已更新至 Videojs 5.0+ 版本。允許在文章或頁面內嵌 HTML5、Flash 影片。支援播放 HTML5、FLV、HLS、m3u8、mp4、Youtube、Dailymotion 和 Vimeo 影片。
此外掛與 WordPress 核心的 短碼兼容且可以與 WordPress 的「插入媒體」按鈕搭配使用。
由於 Videojs 沒有為 WordPress 更新到 5.0+ 版本，因此我決定自行更新並分享於 WordPress 外掛程式庫內。
請參考 videojs.com 網站獲得更多資訊。
使用 [videojs] 短碼，你可以在文章或網頁中加入影片，並可使用以下選項：
也可以使用 WordPress 預設的 短碼。
相容於舊版 Videojs。
新增 HLS（HTTP 直播流）的直播影片播放功能，支援 m3u8 格式 （專業版）。
皮膚按鈕生成器 - 可以產生你自己的皮膚或從預建的皮膚中選擇（專業版）。
使用影片短碼：
使用影片短碼
Video Pro - 皮膚按鈕生成器：
使用 Video Pro，你可以建立自己的皮膚，或是選擇預建的皮膚範本開始，幫助你打造自己的皮膚。現在還可以播放 HLS（HTTP 直播流）的直播影片，支援 m3u8 格式
HLS（HTTP 直播流）m3u8 範例：Video Pro 皮膚按鈕生成器 HLS 範例（m3u8）
了解更多資訊： Video Pro 皮膚按鈕生成器.
範例：Video Pro 皮膚按鈕生成器範例
Video Pro 範例
影片短碼選項
mp4
使用 h.264/MP4 格式的影片位置。
[videojs mp4="http://vjs.zencdn.net/v/oceans.mp4"]
ogg
使用 Theora/Ogg 格式的影片位置。
[videojs ogg="http://vjs.zencdn.net/v/oceans.ogg"]
webm
使用 VP8/WebM 格式的影片位置。
[videojs webm="http://vjs.zencdn.net/v/oceans.webm"]
Flash FLV
使用 FLASH/FLV 格式的影片位置。
[videojs fvl="http://www.sample-videos.com/video/flv/480/big_buck_bunny_480p_10mb.flv"]
youtube
使用 Youtube 格式的影片位置。
[videojs youtube="https://www.youtube.com/watch?v=mcixldqDIEQ"]
poster
影片的封面位置。
[videojs poster="http://vjs.zencdn.net/v/oceans.png"]
width
影片的寬度。
[videojs width="640"]
height
影片的高度。
[videojs height="264"]
preload
在使用者點擊播放前即開始載入影片，可選擇 'auto'、'metadata' 或 'none'。當瀏覽器或行動裝置允許時， 'auto' 會預先載入，'metadata' 僅載入 meta 資料。
[videojs preload="auto"]
autoplay
當媒體準備好時立即播放，可選擇 'true' 或 'false'。
[videojs autoplay="true"]
原文外掛簡介
A video plugin for WordPress built on the Video.js HTML5 video player library. Updated for Videojs 5.0+ with a more beautifull skin. Embed HTML5, Flash video in your post or page. Play HTML5, FLV, HLS, m3u8, mp4, Youtube, Dailymotion, Vimeo.
Compatible with the WordPress core shortcode and work with the WordPress insert media button.
Videojs didn’t update their Videojs to 5.0+ for WordPress and i decided to do it and share it on the WordPress plugins page.
View videojs.com for additional information.
Use the [videojs] shortcode in your post or page using the following options.
Can use the WordPress default shortcode.
Compatible with the old Videojs version.
NEW HLS (HTTP Live Streaming) Live Streaming Video m3u8 (Pro Version).
Skin Builder – Generate your own skin or choose bettween prebuild skins (Pro Version).
Using video Shortcodes
Using video Shortcodes
Video Pro – Skin builder
Build your own skin with Video Pro, Allo you to create your own skin or use the prebuild demos skins to start and help you creating you own skin. Now play HLS (HTTP Live Streaming) like m3u8 streaming video
HLS (HTTP Live Streaming) m3u8 Demo: Video Pro skin builder hls demo (m3u8)
more infos at: Video Pro skin builder.
Demo: Video Pro skin builder demo
Demo Video Pro
Video Shortcode Options
mp4
The location of the h.264/MP4 source for the video.
[videojs mp4="http://vjs.zencdn.net/v/oceans.mp4"]
ogg
The location of the Theora/Ogg source for the video.
[videojs ogg="http://vjs.zencdn.net/v/oceans.ogg"]
webm
The location of the VP8/WebM source for the video.
[videojs webm="http://vjs.zencdn.net/v/oceans.webm"]
Flash FLV
The location of the FLASH/FLV source for the video.
[videojs fvl="http://www.sample-videos.com/video/flv/480/big_buck_bunny_480p_10mb.flv"]
youtube
The location of the YouTube source for the video.
[videojs youtube="https://www.youtube.com/watch?v=mcixldqDIEQ"]
poster
The location of the poster frame for the video.
[videojs poster="http://vjs.zencdn.net/v/oceans.png"]
width
The width of the video.
[videojs width="640"]
height
The height of the video.
[videojs height="264"]
preload
Start loading the video as soon as possible, before the user clicks play.
Use ‘auto’, ‘metadata’, or ‘none’. Auto will preload when the browser or device allows it. Metadata will load only the meta data of the video.
[videojs preload="auto"]
autoplay
Start playing the video as soon as it’s ready. Use ‘true’ or ‘false’.
[videojs autoplay="true"]
loop
Causes the video to start over as soon as it ends. Use ‘true’ or ‘false’.
[videojs loop="true"]
controls
Use ‘false’ to hide the player controls.
[videojs controls="false"]
muted
Use ‘true’ to initially mute video.
[videojs muted="true"]
id
Add a custom ID to your video player.
[videojs id="movie-id"]
class
Add a custom class to your player. Use full for floating the video player using ‘alignleft’ or ‘alignright’.
[videojs class="alignright"]
Tracks
Text Tracks are a function of HTML5 video for providing time triggered text to the viewer. To use tracks use the [track] shortcode inside of the shortcode. You can set values for the kind, src, srclang, label, and default attributes. More information is available in the Video.js Documentation.
[videojs][track kind="captions" src="http://vjs.zencdn.net/v/oceans-captions.vtt" srclang="en" label="English" default="true"][/videojs]
All Attributes Example
[videojs mp4="http://vjs.zencdn.net/v/oceans.mp4" ogg="http://vjs.zencdn.net/v/oceans.ogv" webm="http://vjs.zencdn.net/v/oceans.webm" poster="http://vjs.zencdn.net/v/oceans.png"
preload="auto" autoplay="true" width="640" height="264" id="movie-id" class="alignleft" controls="false" muted="true"][track kind="captions" src="http://example.com/path/to/captions.vtt" srclang="en" label="English" default="true"][/videojs]
Compatible with WordPress core video shortcode
The location of the h.264/MP4 source for the video.
Video.js Settings Screen
--------------------------
The values set here will be the default values for all videos, unless you specify differently in the shortcode. Uncheck “Use CDN hosted version?” if you want to use a self-hosted copy of Video.js instead of the CDN hosted version. Using the CDN hosted version is preferable in most situations.
If you are using a responsive WordPress theme, you may want to check the Responsive Video checkbox.
Uncheck the Use the shortcode? option only if you are using WordPress 3.6+ and wish to use the tag for MediaElement.js. You will still be able to use the [videojs] tag to embed videos using Video.js.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「HTML5 Video Player for WordPress」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
The Ultimate Video Player For WordPress – by Presto Player 》提升您的視頻水平，讓您的觀眾享受一種現代化的視頻體驗，讓他們愛上您。, 最佳 WordPress 影片播放器 ★★★★★, 視頻是與您的網站訪客建立聯繫的最佳方式。我們...。
Featured Image from URL (FIFU) 》h3>WordPress 外掛 - 用於顯示外部特色圖片、影片、音訊等等, FIFU 自 2015 年來已幫助全球數千個網站節省了儲存空間、處理時間和版權費用。, 如果您已經厭倦...。
Video Thumbnails 》Video Thumbnails 外掛能夠輕鬆在你的模板中自動顯示影片縮圖。當你發布文章時，這個外掛會尋找嵌入的第一個影片，並為你擷取縮圖。縮圖可以儲存至你的媒體庫...。
Interactive Content – H5P 》使用 H5P 的好處之一是可以存取許多不同的互動式內容類型，例如演示、互動式視頻、記憶遊戲、測驗、選擇題、時間軸、拼貼畫、熱點、拖放、填充測試、個性化測...。
WP YouTube Lyte 》WP YouTube Lyte 可以讓您透過插入響應式「輕量級 YouTube 嵌入」方式進行「懶加載」視頻。這些看起來和感覺像是正常的 YouTube 嵌入，但只有在被點擊時才呼...。
VOD Infomaniak 》這個外掛讓您輕鬆管理 WordPress 網誌和您的 VOD 空間之間的互動。, 只需簡單地使用這個工具，您就可以輕鬆地獲取和管理所有的影片。, 如果您想瞭解更多有關...。
HTML5 Video Player – mp4 Video Player Plugin and Block 》在 WordPress 中播放各種視頻文件。這是一個簡單，易於使用且完全可自定義的視頻播放器，可以在所有設備上使用。您可以在文章、頁面、小工具區域以及模板文件...。
Easy Video Player 》Easy Video Player 是一個易於使用的 WordPress 影片外掛程式，可展示您的影片。您可以嵌入自行架設的影片或使用直接連結外部架設的影片。, Easy Video Playe...。
Advanced Responsive Video Embedder for Rumble, Odysee, YouTube, Vimeo, Kick … 》這是最佳的 WordPress 影片外掛嗎？支援幾乎你所能想像的一切，同時保持易用性和簡單性。這很可能是你需要的唯一一個外掛，來處理 WordPress 網站上的影片嵌...。
Advanced WordPress Backgrounds 》WordPress 捲軸視差、圖片與影片背景外掛程式, ★★★★★, 透過進階版積木模式，可以建立任何形式的背景。我們建立進階版 WordPress 背景外掛程式，以幾個點擊便...。
WP101 Video Tutorial Plugin 》WP101® Video Tutorial Plugin 是教授客戶 WordPress 基礎知識最簡單的方式，讓您的支援成本減少並為客戶提供寶貴的資源。它提供一系列專業製作的 WordPress ...。
WP Photo Album Plus 》此外掛不僅僅是一個相簿外掛，更是一個完整且高度自訂的多媒體內容管理和展示系統。, 特色包括：, , 任意數量的相簿，包含任意類型的多媒體檔案，以及子相簿,...。
Videopack 》一個外掛，用於製作視頻播放器、縮略圖、多個分辨率和視頻庫。, 這個視頻外掛可以將各種選項添加到上傳到 WordPress 媒體庫的任何視頻。如果您的瀏覽器原生支...。
Unite Gallery Lite 》Unite Gallery 是一種用於 WordPress 的全功能圖片和視頻圖庫。, 它基於 unite gallery javascript 版本，並具有非常強大直觀的 WordPress 管理員，以方便您...。
Smart YouTube PRO 》Smart Youtube 是最受歡迎的 WordPress 外掛之一，迄今已經有超過 1,000,000 次下載。, 從 4.0 版本開始，Smart Youtube 將名稱更改為 Smart Youtube PRO，現...。