视频分段渐进式播放

最新推荐文章于 2024-08-12 03:47:17 发布

my596257

最新推荐文章于 2024-08-12 03:47:17 发布

阅读量2.1k

点赞数 1

分类专栏： spring boot

原文链接：https://www.jianshu.com/p/1579e716daed

版权

spring boot 专栏收录该内容

44 篇文章 1 订阅

订阅专栏

前言

文档：
video.js：https://blog.csdn.net/charleslei/article/details/50964176
java+linux+video.js：https://blog.csdn.net/u012615439/article/details/90765430

代码

仅使用video.js

<html>
<head>
<link href="./video-js.min.css" rel="stylesheet">
<script src="./video.min.js"></script>

</head>
<body>
<video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{}'>
  <source src="http://huo.hongjiaozuida.com/20200318/1675_4abdc6c5/闪电侠第六季-15.mp4" type="video/mp4"></source>
  <!-- 
  
  <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
  <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
  -->
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    <a href="https://videojs.com/html5-video-support/" target="_blank">
      supports HTML5 video
    </a>
  </p>
</video>
</body>
</html>