前言介紹
- 這款 WordPress 外掛「Video.js – HTML5 Video Player for WordPress」是 2010-09-08 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 6000 個安裝啟用數。
- 上一次更新是 2014-04-26，距離現在已有 4025 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 2.7 以上版本才可以安裝。
- 有 26 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
外掛標籤
HTML5 | video | player | javascript |
內容簡介
這是一個基於 Video.js HTML5 播放器庫所建立的 WordPress 外掛。它能夠讓您使用 HTML5 在文章或頁面中嵌入影片，並提供 Flash 回退支援非 HTML5 瀏覽器。
詳細資訊請參閱 videojs.com 網站。
影片縮寫選項
mp4
影片 H.264/MP4 來源的位置。
[videojs mp4="http://video-js.zencoder.com/oceans-clip.mp4"]
ogg
影片 Theora/Ogg 來源的位置。
[videojs ogg="http://video-js.zencoder.com/oceans-clip.ogg"]
webm
影片 VP8/WebM 來源的位置。
[videojs webm="http://video-js.zencoder.com/oceans-clip.webm"]
youtube
影片 YouTube 來源的位置。
[videojs youtube="http://www.youtube.com/watch?v=DJU6ppZAaec"]
海報
影片封面位置。
[videojs poster="http://video-js.zencoder.com/oceans-clip.png"]
寬度
影片的寬度。
[videojs width="640"]
高度
影片的高度。
[videojs height="264"]
預載
在使用者點擊播放之前，儘可能快速地開始加載影片。
可使用 'auto'、'metadata' 或 'none'。當瀏覽器或裝置允許時，auto 會預加載。Metadata 只會加載影片的元數據。
[videojs preload="auto"]
自動播放
影片就緒後立即開始播放。使用 'true' 或 'false'。
[videojs autoplay="true"]
循環播放
在影片播放完畢後立即重新開始。使用 'true' 或 'false'。
[videojs loop="true"]
控制欄
使用 'false' 隱藏播放器控制。
[videojs controls="false"]
靜音
影片一開始時需要靜音，使用 'true'。
[videojs muted="true"]
獨立ID
為您的影片播放器添加自定義 ID。
[videojs id="movie-id"]
自定義類別
為您的播放器添加自定義類別。使用 'full' 可將播放器懸浮，並使用 'alignleft' 或 'alignright' 進行對齊。
[videojs class="alignright"]
軌道
文字軌道是 HTML5 影片提供觀看者時間觸發文本的功能。欲使用軌道，可在 縮寫內使用 [track] 縮寫。您可以為種類、來源、srclang、標籤和默認屬性設置值。更多資訊可參閱 Video.js 文檔。
[videojs][track kind="captions" src="http://video-js.zencoder.com/oceans-captions.vtt" srclang="en" label="English" default="true"][/videojs]
所有屬性範例
[videojs mp4="http://video-js.zencoder.com/oceans-clip.mp4" ogg="http://video-js.zencoder.com/oceans-clip.ogg" webm="http://video-js.zencoder.com/oceans-clip.webm" poster="http://video-js.zencoder.com/oceans-clip.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"]
原文外掛簡介
A video plugin for WordPress built on the Video.js HTML5 video player library. Allows you to embed video in your post or page using HTML5 with Flash fallback support for non-HTML5 browsers.
View videojs.com for additional information.
Video Shortcode Options
mp4
The location of the h.264/MP4 source for the video.
[videojs mp4="http://video-js.zencoder.com/oceans-clip.mp4"]
ogg
The location of the Theora/Ogg source for the video.
[videojs ogg="http://video-js.zencoder.com/oceans-clip.ogg"]
webm
The location of the VP8/WebM source for the video.
[videojs webm="http://video-js.zencoder.com/oceans-clip.webm"]
youtube
The location of the YouTube source for the video.
[videojs youtube="http://www.youtube.com/watch?v=DJU6ppZAaec"]
poster
The location of the poster frame for the video.
[videojs poster="http://video-js.zencoder.com/oceans-clip.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://video-js.zencoder.com/oceans-captions.vtt" srclang="en" label="English" default="true"][/videojs]
All Attributes Example
[videojs mp4="http://video-js.zencoder.com/oceans-clip.mp4" ogg="http://video-js.zencoder.com/oceans-clip.ogg" webm="http://video-js.zencoder.com/oceans-clip.webm" poster="http://video-js.zencoder.com/oceans-clip.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]
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 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Video.js – HTML5 Video Player for WordPress」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 3.0 | 1.0.1 | 1.0.2 | 1.1.0 | 1.1.1 | 1.1.2 | 2.0.2 | 3.0.1 | 3.2.0 | 3.2.1 | 3.2.2 | 3.2.3 | 4.0.0 | 4.2.0 | 4.3.0 | 4.3.1 | 4.5.0 | trunk |
延伸相關外掛（你可能也想知道）
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，現...。