簡介

本外掛程式支援所有H5影片播放器！以下為部分播放器整合範例，當然您也可以嘗試整合到其他播放器中。

Hls.js

• Hls.js介紹
• 線上Demo
• 範例程式碼

DPlayer

• DPlayer介紹
• 線上Demo
• 範例程式碼

TCPlayer

• TCPlayer介紹(騰訊雲播放器)
• 線上Demo
• 範例程式碼

XGPlayer

• XGPlayer介紹
• 線上Demo
• 範例程式碼

videojs

• videojs介紹

videojs-hlsjs-plugin

• 線上Demo
• 範例程式碼

AliPlayer

• AliPlayer介紹
• 線上Demo
• 範例程式碼

MuiPlayer

• MuiPlayer介紹
• 線上Demo
• 範例程式碼

flowplayer

• flowplayer介紹
• 範例程式碼

jwplayer

• jwplayer介紹
• 線上Demo
• 範例程式碼

clappr

• clappr介紹
• 線上Demo
• 範例程式碼

Radiant Media Player

• Radiant Media Player介紹
• 線上Demo
• 範例程式碼

ArtPlayer

• ArtPlayer介紹
• 線上Demo
• 範例程式碼

MediaElement.js

• MediaElement.js介紹
• 線上Demo
• 範例程式碼

fluidplayer

• fluidplayer介紹
• 線上Demo
• 範例程式碼

OpenPlayer

• OpenPlayer介紹
• 線上Demo
• 範例程式碼

Plyr

• Plyr介紹
• 線上Demo
• 範例程式碼

Playerjs

• Playerjs介紹
• 線上Demo
• 範例程式碼

TIP

1. 先停用iOS原生播放: Plugins 頁面 -> HLS -> Native mode -> Native playback on iOS
2. 在 Plugins 頁面關閉HLS外掛程式，然後在HTML中引入 playerjs 之前先引入 swarm-cloud 的script標籤。

vidstack

• vidstack介紹
• 線上Demo
• 範例程式碼