前言介紹
- 這款 WordPress 外掛「Videojs HTML5 Player」是 2015-05-11 上架。
- 目前有 9000 個安裝啟用數。
- 上一次更新是 2025-04-17，距離現在已有 16 天。
- 外掛最低要求 WordPress 4.2 以上版本才可以安裝。
- 有 18 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
naa986 |
外掛標籤
embed | HTML5 | video | player | videojs |
內容簡介
Video.js HTML5 Player 是一個支持桌面和移動裝置視頻播放的用戶友好的外掛。它讓你輕鬆嵌入自主託管的視頻文件或使用 Video.js 庫的外掛視頻文件。
Video.js HTML5 Player 特點
嵌入 MP4 視頻文件到帖子/頁面或你的 WordPress 網站的任何位置
嵌入響應式視頻，以實現更好的移動裝置觀看體驗
嵌入與所有主流瀏覽器兼容的 HTML5 視頻
嵌入帶封面圖片的視頻
使用 videojs 播放器嵌入視頻
當頁面呈現時自動播放視頻
在短碼中使用直接鏈接嵌入上傳到 WordPress 媒體庫的視頻
無需設置，只需安裝即可開始嵌入視頻
輕量級且兼容 WordPress 最新版本
無水印的乾淨而光滑的播放器
其他 HTML5 支持的文件類型的故障排除處理(WebM，Ogv)
HTTP 流
Video.js HTML5 Player 添加組件
禁用右鍵
如何使用 Video.js HTML5 播放器
為了嵌入視頻，創建一個新的帖子/頁面，並使用以下短碼：
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4"]
這裡，“url”是 MP4 視頻源文件（H.264 編碼）的位置。您需要使用實際的視頻文件 URL 替換示例 URL。
視頻短碼選項
短碼支持以下選項。
WebM
你可以指定一個 WebM 視頻文件，以外掛源MP4視頻文件之外的方式。此參數是可選的。
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" webm="https://example.com/wp-content/uploads/videos/myvid.webm"]
Ogv
在指定來源 MP4 和 WebM 視頻文件的情況下，您可以指定一個 Ogv 視頻文件。此參數是可選的。
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" webm="https://example.com/wp-content/uploads/videos/myvid.webm" ogv="https://example.com/wp-content/uploads/videos/myvid.ogv"]
寬度
定義視頻文件的寬度（高度自動計算）。此選項不是必需的，除非您要限制視頻的最大寬度。
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" width="480"]
預加載
指定當頁面加載時視頻應如何加載。默認為“auto”（頁面加載時應完全加載視頻）。其他選項：
“metadata” - 頁面加載時僅加載元數據
“none” - 頁面加載時視頻不應加載
[videojs_video url=”https://example.com/wp-content/uploads/videos/myvid.mp4″ preload=”metadata”]
控制器
指定應顯示視頻控制器。默認為“true”。為了隱藏控制器，將該參數設置為“false”。
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" controls="false"]
當您禁用控制器時，用戶將無法與您的視頻進行交互。
原文外掛簡介
Video.js HTML5 Player is a user-friendly plugin that supports video playback on desktop and mobile devices. It makes super easy for you to embed both self-hosted video files or video files that are externally hosted using Video.js library.
Video.js HTML5 Player Add-ons
Disable Right Click
Themes
Video.js HTML5 Player Features
Embed MP4 video files into a post/page or anywhere on your WordPress site
Embed responsive videos for a better user experience while viewing from a mobile device
Embed HTML5 videos which are compatible with modern browsers
Embed videos with poster images
Embed videos using videojs player
Automatically play a video when the page is rendered if the device and browser support it
Embed videos uploaded to your WordPress media library using direct links in the shortcode
Clean and sleek player with no watermark
fallbacks for other HTML5-supported filetypes (WebM, Ogv)
HTTP streaming
How to Use Video.js HTML5 Player
In order to embed a video create a new post/page and use the following shortcode:
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4"]
Here, “url” is the location of the MP4 video source file (H.264 encoded). You need to replace the sample URL with the actual URL of the video file.
Video Shortcode Options
The following options are supported in the shortcode.
WebM
You can specify a WebM video file in addition to the source MP4 video file. This parameter is optional.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" webm="https://example.com/wp-content/uploads/videos/myvid.webm"]
Ogv
You can specify a Ogv video file in addition to the source MP4 & WebM video files. This parameter is optional.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" webm="https://example.com/wp-content/uploads/videos/myvid.webm" ogv="https://example.com/wp-content/uploads/videos/myvid.ogv"]
Width
Defines the width of the video file (Height is automatically calculated). This option is not required unless you want to limit the maximum width of the video.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" width="480"]
Preload
Specifies if and how the video should be loaded when the page loads. Defaults to “auto” (the video should be loaded entirely when the page loads). Other options:
“metadata” – only metadata should be loaded when the page loads
“none” – the video should not be loaded when the page loads
[videojs_video url=”https://example.com/wp-content/uploads/videos/myvid.mp4″ preload=”metadata”]
Controls
Specifies that video controls should be displayed. Defaults to “true”. In order to hide controls set this parameter to “false”.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" controls="false"]
When you disable controls users will not be able to interact with your videos. So It is recommended that you enable autoplay for a video with no controls.
Autoplay
Causes the video file to automatically play when the page loads.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" autoplay="true"]
Poster
Defines image to show as placeholder before the video plays.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" poster="https://example.com/wp-content/uploads/poster.jpg"]
Loop
Causes the video file to loop to beginning when finished and automatically continue playing.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" loop="true"]
Muted
Specifies that the audio output of the video should be muted.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" muted="true"]
Video.js HTTP Streaming
The plugin supports the m3u8 file format that can be used for Video.js HTTP Streaming. It allows you to play HLS, DASH, and other HTTP streaming protocols with Video.js, even where they are not natively supported.
[videojs_video url="https://example.com/wp-content/uploads/videos/myvid.m3u8"]
For detailed documentation please visit the Videojs HTML5 Player plugin page
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Videojs HTML5 Player」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.2 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.1 | 1.1.2 | 1.1.4 | 1.1.5 |
延伸相關外掛（你可能也想知道）
HLS Player 》總結：使用 HLS Player Video Plugin 外掛可以在WordPress上整合和嵌入HLS視頻，擁有出色的觀看體驗。這個外掛擁有許多特點，包括容易集成、適應性設計、通用...。
HTML5 Video Player for WordPress 》這是一個用 Video.js HTML5 播放器庫建立的 WordPress 外掛程式。使用了較美觀的皮膚並已更新至 Videojs 5.0+ 版本。允許在文章或頁面內嵌 HTML5、Flash 影片...。
Gabfire Media Module 》影片和圖片不必困難。Gabfire 主題包括了一個媒體模組，使嵌入媒體變得簡單。, 這個外掛由 http://www.gabfirethemes.com 的團隊維護。, 我們強烈建議您與 , ...。
Hola Free Video Player 》, 商業級的基於 VideoJS 的影片播放器, 對 HLS 和 HDS 格式提供改進的支援。, 豐富的 video.js 插件生態系統, , 可用於增加功能的各種插件，如：, Google Ana...。
Advanced Video Player with Analytics 》影片播放器，支援 YouTube、mp4、ogv 和 webm 格式以及分析功能, , 範例展示, , 使用進階影片播放器在 WordPress 中優美地嵌入 YouTube 和 mp4 影片檔案，並...。
Easy Videojs Player 》總結:, - 使用 WordPress 外掛可以輕鬆添加基於可移動設備的互動地圖，地圖由 LeafletJS 提供。, - 地圖瓦片預設由 OpenStreetMap 提供，並支援 Google Map ...。
VideoZen 》VideoZen 是一個整合 VideoJS 播放器、Zencoder.com 和 Amazon S3 服務的外掛。, 透過 VideoZen，您可以將自主托管的影片放在 WordPress 或 WordPress 多站台...。
Product Video Gallery for WooCommerce 》總結：, - 在 WooCommerce 的產品單頁中，新增了影片至產品庫存圖片之中。, , 問與答：, - ,
- 問：這個 WordPress 外掛的功能是什麼？<...。
Simple Video Post 》, 查看演示 | 聯絡與支援 | VIDEO JS | Fiverr 服務 | Plyr IO, , 現今，視頻是宣傳和市場推廣產品或服務、增加在數碼和社交渠道的參與度、教育您的消費者和...。