人氣 6507°c

WP使用內置播放器收看YouTube影片收聽MP3音樂-HTML5標籤篇

如果你現在使用的是Wordpress 3.6 或以上版本,那麼現在你的Blog就再不需要安裝影片(視頻)或音樂播放器外掛(插件)了。

是因,此版本或以後的升級版,已經包含有內置的音樂或影片(視頻)播放器,而且這一款Player全面支持 HTML5 的瀏覽器,

和Android或IOS系統的智能手機或平板電腦的瀏覽器,使用者也不需要好像以前那樣設定或修改相關的文件,直接就可以使用了。

可能現在的你還不知道怎樣使用WP內置的播放器,OK.就等筆者告知你如何使用的。

播放YouTube影片(視頻):

直接在文章內容輸入分享的網址:
http://youtu . be/VunSqD1MOjE
或根據個人的喜好設定寬和高:
【embed width="300" height="250"】http://youtu.be/VunSqD1MOjE【/embed】

播放MP3音樂: 其他的音樂格式請依照以下的範例

直接在文章內容輸入音樂網址:
http://www.example.com/uploads/mymusic. m p 3
或以此形式格式發佈音樂:
【audio src="http://www.example.com/uploads/mymusic. m p 3"】

MP3 & OGG & WAV 音樂混合式播放:

【audio mp3="http://www.example.com/uploads/mymusic.mp3" ogg="http://www.example.com/uploads/mymusic.ogg" wav="http://www.example.com/uploads/mymusic.wav"】

播放MP4影片(視頻): 其他的影片(視頻)格式請依照以下的範例

直接在文章內容輸入影片網址:
http://www.example.com/uploads/myvid. m p 4
或根據個人的喜好設定寬和高:
【video width="300" height="250" src="http://www.example.com/uploads/myvid.mp4"】

MP4 & OGV & WEBM 影片(視頻)混合式播放:
【video width="300" height="250" mp4="http://www.example.com/uploads/myvid.mp4" ogv="http://www.example.com/uploads/myvid.ogv" webm="http://www.example.com/uploads/myvid.webm"】

注意︰在本博客加入短代碼(簡碼)會被自動解析了,請將【】符號修改為 [ ] 符號。

* 如果你希望加入自動播放,請新增標籤 autoplay="1" ,這個標籤並不是所有瀏覽器都支援的。

WordPress HTML5 標籤支持的音樂和影片(視頻)格式:

YouTube
Vimeo

webm
ogv
mp4/m4v
wmv
mov/qt
flv
mp3/m4a/m4b
ogg/oga
wma
wav

效果演示圖片︰▼

相關文章:
1. WP播放優酷、土豆、Youtube影片(視頻)修改版
2. WordPress解決嵌入YouTube無法解析+自動播放
標籤: ,