MicroMedia

Appearance

Return to top
On this page

setupSource

設定影片來源

參數

  • type(required): String, 影片類型, 以下為可用類型
    • static-video: 靜態影片(mp4)
    • m3u8: m3u8串流
    • youtube: Youtube影片
  • url(required): String, 影片網址, youtube影片亦可直接輸入網址

範例 - mp4

javascript
window.$microMediaPlayer.setupSource({
  type: 'static-video',
  url: 'https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/720/Big_Buck_Bunny_720_10s_1MB.mp4',
})

範例 - 串流

javascript
window.$microMediaPlayer.setupSource({
  type: 'm3u8',
  url: 'https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
})

範例 - Youtube

javascript
window.$microMediaPlayer.setupSource({
  type: 'youtube',
  url: 'https://www.youtube.com/watch?v=4TundgWpJA4',
})