Video.js (currently v6.6.3)

最新推荐文章于 2025-10-21 18:37:15 发布

转载最新推荐文章于 2025-10-21 18:37:15 发布 · 695 阅读

JS 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何使用HTML5和Video.js构建一个自定义的网页视频播放器。通过简单的HTML和JavaScript代码，演示了如何设置播放器的基本属性，如尺寸、预加载行为及封面等，并提供了对不同视频格式的支持。

<head>
  <link href="http://vjs.zencdn.net/6.6.3/video-js.css" rel="stylesheet">

  <!-- If you'd like to support IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
    <source src="MY_VIDEO.mp4" type='video/mp4'>
    <source src="MY_VIDEO.webm" type='video/webm'>
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
  </video>

  <script src="http://vjs.zencdn.net/6.6.3/video.js"></script>
</body>