2025-04-24-videoJs

───✱*.｡:｡✱*.:｡✧*.｡✰*.:｡✧*.｡:｡*.｡✱ ───

　　　　　　　　6//?r=⭐　&d=2025/4/24 13:53:22　&b=m9uy5jot

十个靠谱的 Html 端视频播放器 JavaScript 库-51CTO.COM

https://www.51cto.com/article/793171.html

　　　　　　　　6//?r=⭐　&d=2025/4/24 14:28:06　&b=m9uze8bp

Player - Clappr

https://clappr.github.io/classes/Player.html

<script type="text/javascript" src="http://cdn.clappr.io/latest/clappr.min.js"></script>
 
<div id="player"></div>
  <script>
    var player = new Clappr.Player({source: "http://your.video/here.mp4", parentId: "#player"});
  </script>

　　　　　　　　6//?r=⭐　&d=2025/4/24 14:29:39　&b=m9uzg7jk

muxinc/media-chrome: Custom elements (web components) for making audio and video player controls that look great in your website or app.

https://github.com/muxinc/media-chrome

<script type="module" src="https://cdn.jsdelivr.net/npm/media-chrome@4/+esm"></script>
 
<media-controller>
  <video
    slot="media"
    src="https://stream.mux.com/DS00Spx1CV902MCtPj5WknGlR102V5HFkDe/high.mp4"
    crossorigin
  >
    <track
      label="thumbnails"
      default
      kind="metadata"
      src="https://image.mux.com/DS00Spx1CV902MCtPj5WknGlR102V5HFkDe/storyboard.vtt"
    />
  </video>
  <media-control-bar>
    <media-play-button></media-play-button>
    <media-mute-button></media-mute-button>
    <media-volume-range></media-volume-range>
    <media-time-range></media-time-range>
    <media-pip-button></media-pip-button>
    <media-fullscreen-button></media-fullscreen-button>
  </media-control-bar>
</media-controller>

───✱*.｡:｡✱*.:｡✧*.｡✰*.:｡✧*.｡:｡*.｡✱ ───