[WordPress] 外掛分享: MediaElement.js – HTML5 Video & Audio Player

前言介紹

  • 這款 WordPress 外掛「MediaElement.js – HTML5 Video & Audio Player」是 2010-09-23 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 10000 個安裝啟用數。
  • 上一次更新是 2018-01-16,距離現在已有 2662 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 2.9 以上版本才可以安裝。
  • 有 25 人給過評分。
  • 論壇上目前有 1 個提問,問題解答率 0%

外掛協作開發者

johndyer |

外掛標籤

audio | flash | HTML5 | video | player |

內容簡介

此外掛為 WordPress 設計的影音控制元件,是建立在 MediaElement.js HTML5 播放器程式庫之上,並為不支援 HTML5 的瀏覽器提供 Flash 或 Silverlight 候補播放器。支援 iPhone、iPad 和 Android 裝置。
支援多種格式檔案:MP4、OGG、WebM、WMV、MP3、WAV、WMA,且可新增 WebSRT 格式的字幕檔案。

欲瞭解更多資訊與範例,請參閱mediaElementjs.com。

影片使用範例

音訊使用範例

短碼選項
替代選項

如果您的掛件與 MediaElement.js 衝突,您可以使用以下短碼

[mejsvideo src="http://mysite.com/mymedia.mp4" width="640" height="360"]
[mejsaudio src="http://mysite.com/mymedia.mp3"]

網址(src)

音訊或影片檔案的網址

您也可以省略副檔名,MediaElement.js 會搜尋與檔案名稱相符的所有媒體檔案(mymedia.mp4、mymedia.webm,等等)。

http://mysite.com/mymedia

類型(type)

媒體檔案的類型

http://mysite.com/mymedia?xyz

MP4

影片的 H.264/MP4 來源網址

MP3

音訊的 MP3 來源網址

OGG

影片的 Theora/Ogg 來源網址

WebM

影片的 VP8/WebM 來源網址

封面(poster)

影片的封面圖片網址

寬度(width)

影片的寬度

高度(height)

影片的高度

循環(loop)

當影片結束後重複播放

預載(preload)

在使用者點擊播放之前,就開始下載影片。

自動播放(autoplay)

影片準備好後立即開始播放。

全螢幕(fullscreen)

停用全螢幕功能按鈕

長度(duration)

停用影片長度輸出

音量(volume)

停用音量調節器

進度條(progress)

停用進度條

字幕(captions)

WebSRT 字幕檔案的 URL 網址

簡易影片格式

原文外掛簡介

Video and audio plugin for WordPress built on the MediaElement.js HTML5 media player library. Provides Flash or Silverlight fallback players for non-HTML5 browsers. Supports iPhone, iPad, and Andriod.
Supports MP4, OGG, WebM, WMV, MP3, WAV, WMA files as well as captions with WebSRT files.
Check out mediaElementjs.com for more information and examples.
Typical Usage for video

Typical Usage for audio

Shortcode Options
Alternatives
If you have a plugin that conflicts with MediaElement.js, you can also use the short codes
[mejsvideo src="http://mysite.com/mymedia.mp4" width="640" height="360"]
[mejsaudio src="http://mysite.com/mymedia.mp3"]

src
This location of any audio or video file

You can also leave off the extention and MediaElement.js will look for all media files matching the filename (mymedia.mp4, mymedia.webm, etc.)
http://mysite.com/mymedia

type
The media type of the resource
http://mysite.com/mymedia?xyz

mp4
The location of the h.264/MP4 source for the video.

mp3
The location of an MP3 file for video

ogg
The location of the Theora/Ogg source for the video.

webm
The location of the VP8/WebM source for the video.

poster
The location of the poster frame for the video.

width
The width of the video

height
The height of the video

loop
Loops the video or audio when it ends

preload
Start loading the video as soon as possible, before the user clicks play.

autoplay
Start playing the video as soon as it’s ready.

fullscreen
Disables the fullscreen button

duration
Disables the duration output

volume
Disables the volume slider

progress
Disables the progress bar

captions
URL to a WebSRT captions file

Simple Video
Basic playback options

All Attributes Video
All options enabled

Simple Audio
Basic playback options

All Attributes Audio
All options enabled

Use in a template
You can use WordPress shortcodes in your templates using the do_shortcode function.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「MediaElement.js – HTML5 Video & Audio Player」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


2.0.5 | 2.0.6 | 2.1.0 | 2.1.2 | 2.1.4 | 2.1.5 | 2.1.6 | 2.1.7 | 2.2.5 | 2.5.0 | 2.7.0 | 2.9.1 | 4.2.8 | trunk | 2.10.3 | 2.23.5 | 2.0.6.2 |

延伸相關外掛(你可能也想知道)

  • The Ultimate Video Player For WordPress – by Presto Player 》提升您的視頻水平,讓您的觀眾享受一種現代化的視頻體驗,讓他們愛上您。, 最佳 WordPress 影片播放器 ★★★★★, 視頻是與您的網站訪客建立聯繫的最佳方式。我們...。
  • Compact WP Audio Player 》Compact WordPress Audio Player 插件是一個基於 HTML5 + Flash 混合的 WordPress 外掛,可以透過使用 shortcode 在 WordPress 文章或頁面中嵌入 mp3 音頻文...。
  • Seriously Simple Podcasting 》.com/article/142-how-to-use-the-seriously-simple-podcasting-wordpress-plugin-with-castos" rel="nofollow ugc">Castos-SSP Sync to automatically updat...。
  • WP Photo Album Plus 》此外掛不僅僅是一個相簿外掛,更是一個完整且高度自訂的多媒體內容管理和展示系統。, 特色包括:, , 任意數量的相簿,包含任意類型的多媒體檔案,以及子相簿,...。
  • HTML5 Audio Player- Best WordPress Audio Player Plugin 》在 WordPress 中播放 MP3、WAV、OGG 音頻檔案。一款簡單、可訪問、易於使用和可完全自定義的音頻播放器,可在所有設備上運行。您可以在文章、頁面、小工具區...。
  • rtMedia for WordPress, BuddyPress and bbPress 》rtMedia 是唯一完整適用於 WordPress、BuddyPress 和 bbPress 的媒體解決方案,並且符合 WordPress.com VIP 標準。, 該外掛採用了以行動裝置為主的設計,可以...。
  • AudioIgniter Music Player 》正在尋找 MP3 音樂播放器嗎?AudioIgniter 可讓您創建音樂播放列表並將其嵌入 WordPress 文章、頁面或自定義文章類型中。通過使用標准的 WordPress 媒體上傳...。
  • ResponsiveVoice Text To Speech 》ponsiveVoice 是一個基於 HTML5 的文字轉語音庫,旨在為 WordPress 添加跨所有智慧手機、平板電腦和桌面設備的語音功能。它支援168種聲音的51種語言,並且沒...。
  • Radio Player – Live Shoutcast, Icecast and Any Audio Stream Player for WordPress 》一個簡單、易於使用且完全可自訂的網路收音機播放器 WordPress 外掛。, 這個收音機播放器有特別設定,可以在您的 WordPress 網站播放任何 MP3、Shoutcast、Ic...。
  • Cue by AudioTheme.com 》Cue 讓製作和管理美麗、完全響應式的音訊播放清單變得簡單。Cue 主要用於音樂,也可以用於播客、説教或展示配音樣本。, 不需要糾結 XML、JSON 或 FTP。只需通...。
  • mb.miniAudioPlayer – an HTML5 audio player for your mp3 files 》這個外掛可以將文章中上傳的任何 MP3 檔案,轉換成一個必備的小型 HTML5 音樂播放器,具有以下功能:, , , 音量控制, 快進控制, 標題欄, 倒回按鈕, 靜音按鈕,...。
  • Spreaker Shortcode 》The Spreaker shortcode外掛是將Spreaker音訊播放器嵌入WordPress博客的簡單方法,適用於任何Spreaker的集數、節目或使用者。安裝此外掛後,它將適用於您的所...。
  • Podlove Web Player 》Podlove Web Player 是一個基於 HTML5 的網頁播放器,針對播客製作人的特定需求進行了優化和擴展,可以用於播放音頻和視頻媒體文件。, 它與 Podlove Publishe...。
  • Podlove Podcast Publisher 》我們開發了 Podlove Podcast Publisher 外掛,因為現有的解決方案過時、複雜且難以操作。此外掛可以幫您節省時間,減少煩惱,並為您的聽眾提供尖端的聆聽體驗...。
  • Buzzsprout Podcasting 》Buzzsprout 是在線發布播客的最佳方式。從安全可靠的主機到完整的 iTunes 支持、HTML5 播放器、節目統計信息,當然還有這個 WordPress 外掛程序,Buzzsprout ...。

文章
Filter
Apply Filters
Mastodon