网页html 播放h265本地视频 js示例代码
时间: 2023-10-26 15:06:45 浏览: 36
以下是一个基本的示例代码,使用Video.js库来播放H.265本地视频:
```html
<!DOCTYPE html>
<html>
<head>
<title>H.265 Video Player</title>
<link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.11.4/video.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="path/to/your/h265/video.mp4" type='video/mp4; codecs="hev1"'>
<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>
```
在这个示例中,我们使用了Video.js库来创建一个视频播放器。我们指定了视频的路径和类型,并将编解码器设置为H.265。然后,我们创建了一个video元素,指定了ID,类,宽度和高度,并将poster属性设置为视频的海报图像。最后,我们使用data-setup属性来指定任何其他的配置选项。
请注意,浏览器必须支持H.265视频才能播放该格式的视频。否则,您可能需要转换视频格式或使用其他编解码器。