移動端播放直播流（video.js 播放 m3u8 流）

本文轉載自查看原文 2019-06-27 18:07 5852 前端常用/ js/ HTML

流媒體服務器： wowza

流媒體格式： m3u8

播放端：移動端網頁（Android、IOS）

播放工具： video.js

代碼如下：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>videojs-contrib-hls embed</title>
  

  <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
  
</head>
<body>
  <h1>Video.js Example Embed</h1>

  <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="100%" height="auto" 
  data-setup='{}'>
    <source src="http://live.xxx.cn:1935/live/8C23D96A479B9C4BE055000000000107-EXT/playlist.m3u8" type="application/x-mpegURL">
  </video>
  
  <script>
  </script>
  
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue 使用 video.js 播放 m3u8 視頻流 vue中使用vue-video-player，播放兼容PC、移動的直播流（m3u8格式） js前端網頁播放m3u8或則flv直播流使用hls.js播放m3u8視頻流 vue使用video.js解決m3u8視頻播放格式 html頁面引用video.js播放m3u8格式視頻利用Video.js在線播放m3u8視頻 React video.js實現m3u8格式視頻播放及實時切換 vue使用video.js解決m3u8視頻播放格式 3-視頻傳輸,監控,直播方案-網頁端播放視頻流(RTMP,HLS,m3u8)