wwwblogs/yeminglong/p/14704789.html
注意：
1.如果写在html本地运行，请使用http-server启动，安装:npm install http-server -g ,启动:
http-server -r-1
2.video.js要使用5.X版本
3.需要开启网页flash
4.如果视频转的久，不要慌多等等
5.资源下载地址:
video-js.swf:github/videojs/video-js-swf/tree/master/dist
video-js:dn/5.3.0/video.min.js
video.css:dn/5.3.0/video-js.min.css
<!DOCTYPE HTML>
<html>
<head>
<title>video+rtmp</title>
<meta charset="utf-8">
<link href="./video-js@5.3.0.min.css" rel="stylesheet">
</head>
<body>
<h1>video+rtmp测试</h1>
<video id="my-video" class="video-js" controls preload="auto" width="640px" height="480px" poster=""
data-setup="{}">
<source src="rtmp://58.200.131.2:1935/livetv/ahtv" type="rtmp/flv">
<p class="vjs-no-js">播放视频需要启用 JavaScript，推荐使用支持HTML5的浏览器访问。
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="videojs/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<script src="./video@5.3.0.min.js"></script>
<script>
var myPlayer5 = videojs("my-video"); //当前video标签的id
videojs.options.flash.swf = './video-js@5.3.0.swf' //本地的swf文件
ady(
function () {
var myPlayer = this;
myPlayer.play(); //播放
}
);
</script>
</body>
</html>
注意:
1.官方文档：open.ys7/doc/zh/uikit/uikit_javascript.html
我使用的是jssdk 2.0
<!DOCTYPE html>
<html>
<head>
<title>EZuikit播放rtmp</title>
<meta charset="utf-8" />
</head>
<body>
<video id="myPlayer" controls playsinline webkit-playsinline autoplay>
<source
src="rtmp://58.200.131.2:1935/livetv/ahtv"
type="rtmp/flv"
/>
</video>
<script src="./ezuikit.js"></script>
<script>
// 注：在vue里使用动态src时
// 这一步需要放在settimeout里面
new EZuikit.EZUIPlayer('myPlayer')
</script>
</body>
</html>
本文发布于:2025-04-05 09:06:00，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/1743815216584034.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
