內容簡介
Flowplayer 影片播放器可在您的 WordPress 網站上添加一個影片短碼。使用此短碼，您可以嵌入一個影片檔案，並使用 Flowplayer HTML5 播放器進行播放。
特點
嵌入 MP4 影片
嵌入 webm 影片
嵌入可在行動裝置或平板電腦上檢視的影片
iOS（iPad、iPhone）和 Android 裝置的影片播放支援
嵌入 HTML5 影片，並可在所有主流瀏覽器上播放
嵌入有封面圖片的影片
嵌入影片，並在播放結束時將其循環到開始處
使用調節器類名自定義影片播放器
在頁面呈現時自動播放影片
嵌入影片使用三種不同的外觀
根據寬度自動計算影片的高度
彈性調整影片大小（真正的回應性）
使用各種長寬比（16:9、4:3）嵌入影片
使用方法
為了嵌入一個影片，創建一個新的文章/頁面，並使用以下的短碼：
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4"]
在此，src 是您的 mp4 影片檔案的實際來源。
除了源 mp4 影片檔案外，您還可以指定 webm 影片檔案。此步驟是可選的，因為幾乎所有主要瀏覽器都支援 mp4 影片格式。
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" webm="http://example.com/wp-content/uploads/videos/test.webm"]
封面圖片
如果您想在影片播放之前顯示一個圖片作為佔位符，您可以在 “poster” 參數中指定它：
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" poster="http://example.com/wp-content/uploads/images/poster.jpg"]
自動播放影片
如果您希望特定影片在頁面載入時開始播放，您可以將 “autoplay” 選項設置為 “true”：
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" autoplay="true"]
播放器大小
預設情況下，播放器佔用內容區域的全部寬度。您可以通過為其指定寬度輕鬆控制大小：
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" width="500"]
基於比率的高度將根據比率自動決定（詳見“控制播放器比率”部分）。
播放器比率
播放器比率預設為 “0.417”。但是您可以通過在短碼中指定不同的比率來覆蓋它：
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" ratio="0.345"]
循環播放影片
如果您希望特定影片在結束時重新開始播放，您可以將 “loop” 選項設置為 “true”：
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" loop="true"]
有關說明文檔，請訪問Flowplayer 影片播放器插件頁面
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Flowplayer Video Player adds a video shortcode to your WordPress site. This shortcode allows you to embed a video file and play it back using the Flowplayer HTML5 player.
Features
Embed MP4 videos
Embed webm videos
Embed videos which can be viewed from a mobile or tablet device
Video playback support for iOS (ipad, iphone) and android devices
Embed HTML5 videos which are playable across all major browsers
Embed videos with poster images
Embed videos and allow it to loop to the beginning when finished
Customize the video player using modifier classes
Automatically play a video when the page is rendered
Embed videos using three different skins
Automatically calculate the height of a video based on its width
Flexible resizing of a video (true responsiveness)
Embed a video with various aspect ratios (16:9, 4:3)
Usage
In order to embed a video, create a new post/page and use the following shortcode:
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4"]
here, src is the actual source of your mp4 video file.
In addition to the source mp4 video file, you can also specify a webm video file. This step is optional since mp4 video format is supported by almost all major browsers.
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" webm="http://example.com/wp-content/uploads/videos/test.webm"]
Poster Image
If you want to show an image as placeholder before the video plays, you can specify it in the “poster” parameter:
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" poster="http://example.com/wp-content/uploads/images/poster.jpg"]
Autoplay Video
If you want a particular video to start playing when the page loads you can set the “autoplay” option to “true”:
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" autoplay="true"]
Player Size
By default, the player takes up the full width of the content area. You can easily control the size by specifying a width for it:
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" width="500"]
The height will be automatically determined based on the ratio (please see the “Control Player Ratio section” for details).
Player Ratio
The player ratio is set to “0.417” by default. But you can override it by specifying a different ratio in the shortcode:
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" ratio="0.345"]
Loop Video
If you want a particular video to start playing again when it ends you can set the “loop” option to “true”:
[flowplayer src="http://example.com/wp-content/uploads/videos/test.mp4" loop="true"]
For documentation please visit the Flowplayer Video Player plugin page
