videojs rtmp 播放视频

最新推荐文章于 2024-02-01 14:49:03 发布

tianmeng1999

最新推荐文章于 2024-02-01 14:49:03 发布

阅读量1.1k

点赞数

分类专栏： JavaScript HTML/HTML5

本文链接：https://blog.csdn.net/weixin_42448623/article/details/100114689

版权

JavaScript 同时被 2 个专栏收录

184 篇文章 6 订阅

订阅专栏

HTML/HTML5

26 篇文章 0 订阅

订阅专栏

video文档
 可用的rtmp地址
注意：记得打开浏览器 flash
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/5.3.0/video-js.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/5.3.0/video.min.js"></script>

</head>
<body>
    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
        poster="http://vjs.zencdn.net/v/oceans.png">
        <source src="rtmp://58.200.131.2:1935/livetv/hunantv" type="rtmp/flv">
    </video>
    <script>
        var player = videojs('example_video_1',{
			this.play();
			//this.isFullscreen()全屏状态
			//this.requestFullscreen() 全屏
			//this.exitFullscreen 退出全屏
        })
        //player.play();
    
    </script>
</body>
</html>

tianmeng1999

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
videojs rtmp 播放视频

video文档可用的rtmp地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
复制链接

扫一扫