如何在网站上添加视频播放功能

HTML5 中引入 <video> 标签,可以轻松地在网页上添加视频。它支持多种视频格式,并提供基本的播放控制。例如:

<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  您的浏览器不支持 video 标签。
</video>

这些平台提供嵌入代码,可以轻松地将视频添加到网页上。例如 YouTube 的嵌入代码:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

有许多优秀的 JavaScript 视频播放器库,如 Video.js、JWPlayer 等,它们提供丰富的功能和定制性。例如使用 Video.js:

<link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.8.4/video.js"></script>
<video id="my-video" class="video-js vjs-default-skin" controls>
  <source src="video.mp4" type="video/mp4">
</video>
<script>
  var player = videojs('my-video');
</script>