zoukankan      html  css  js  c++  java
  • 在浏览器上播放m3u8视频

    在edge上有效

    <video width="600" controls>
        <source src="https://www.gentaji.com/20200205/2J8Ij9tS/index.m3u8" type="application/x-mpegURL" />
    </video>
    

    使用video.js

    λ npm install --save @videojs/http-streaming
    
    <link rel="stylesheet" href="./node_modules/video.js/dist/video-js.min.css" />
    
    <video-js id="vid1" class="vjs-default-skin" controls>
      <source
        src="https://www.gentaji.com/20200205/2J8Ij9tS/index.m3u8"
        type="application/x-mpegURL"
      />
    </video-js>
    
    <script src="./node_modules/video.js/dist/video.min.js"></script>
    
    <script>
      var player = videojs("vid1");
      player.play();
    </script>
    
  • 相关阅读:
    052-90
    052-89
    052-88
    052-87
    052-86
    html5的manifest
    js中数字转金钱格式
    CSS复合样式
    资料
    异步
  • 原文地址:https://www.cnblogs.com/ajanuw/p/12585047.html
Copyright © 2011-2022 走看看