HTML RTSP 多个视频流播放

最新推荐文章于 2024-05-13 08:24:13 发布

崽崽有点笨

最新推荐文章于 2024-05-13 08:24:13 发布

阅读量719

点赞数

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/m0_62285976/article/details/129892323

版权

HTML RTSP 多个视频流播放当你知道 RTSP 流的地址时，你就可以直接使用它来替换 your-rtsp-stream-url-1 和 your-rtsp-stream-url-2。

摘要由CSDN通过智能技术生成

废话不多说直接上代码，就不管看不看得懂了

<!DOCTYPE html>
<html>

<head>
    <title>RTSP Video Player</title>
    <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>
</head>

<body>
    <video id="my-video1" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
        data-setup="{}">
        <source src="rtsp://your-rtsp-stream-url-1" type='rtsp/mp4'>
        <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&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

崽崽有点笨

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
HTML RTSP 多个视频流播放

HTML RTSP 多个视频流播放当你知道 RTSP 流的地址时，你就可以直接使用它来替换 your-rtsp-stream-url-1 和 your-rtsp-stream-url-2。
复制链接

扫一扫