video.js视频播放功能

官方文档:video.js 

各个版本下载:video.js版本

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>videojs视频播放</title>
</head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video.min.js"></script>
<body>
  <h3>视频播放</h3>
  <video id="example_video" class="video-js vjs-default-skin" controls preload="none" poster="http://vjs.zencdn.net/v/oceans.png">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
  </video>
</body>
</html>
<script>
  var player = videojs('example_video', {
    muted: true,
    controls: true,
    height: 300,
    width: 400,
    loop: true,
    // 更多配置.....
  });
</script>

猜你喜欢

转载自blog.csdn.net/SmartJunTao/article/details/108261743