http://122.224.62.26:7086/live/cameraid/1000010%2413/substream/2.m3u8
时间: 2023-08-26 14:04:48 浏览: 244
这是一个 HTTP Live Streaming (HLS) 的视频链接,可以通过支持 HLS 的播放器进行播放,如 VLC、QuickTime、Safari 等。
您可以在浏览器中使用以下代码来嵌入播放器:
```html
<video width="640" height="360" controls>
<source src="http://122.224.62.26:7086/live/cameraid/1000010%2413/substream/2.m3u8" type="application/x-mpegURL">
</video>
```
也可以使用支持 HLS 的 JavaScript 播放器库,如 Video.js、HLS.js 等。以下是一个使用 Video.js 的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Video.js HLS Example</title>
<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.min.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.min.js"></script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="360">
<source src="http://122.224.62.26:7086/live/cameraid/1000010%2413/substream/2.m3u8" type="application/x-mpegURL">
</video>
<script>
var player = videojs('my-video');
player.play();
</script>
</body>
</html>
```
这段代码中,我们使用 Video.js 播放器库来播放 HLS 视频。我们首先在 head 部分导入 Video.js 和 videojs-contrib-hls 库的 CSS 和 JavaScript 文件。然后在 body 部分创建一个 video 元素,并将 HLS 视频链接作为 source。在 JavaScript 部分,我们使用 videojs() 方法创建一个播放器实例,并调用 play() 方法以自动播放视频。
希望这能帮助您播放 HLS 视频。
阅读全文