在页面显示监控视频


首先要下载他的视频播放器

现在访问的8网段的就是公司的,能显示出来视频,

<!-- 声明 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- 定义命名空间 不声明也没事 -->
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<!-- 设置字符编码 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script>
var itemId = 0;
function getVLC(name){
/*
js获取flash对象
这个方法比较保守,如果在 document 取到值了就直接返回,如果没取到,用了 embeds 兼容替补来取,
IE是要特殊处理的,这里用 getElementById ,而其他地方用 window 比较多。
当然 getElementById 是不会有错的,他取的是 object 的ID,因为embeds只有name没有ID。
*/
if(window.document[name]){
return window.document[name];
}
//判断浏览器类型
if(navigator.appName.indexOf("Microsoft Internet")== -1){
if (document.embeds&& document.embeds[name])
return document.embeds[name];
}else{
return document.getElementById(name);
}
}
function doAddPlaylist(){
//调用getVLC方法 传参数
var vlc = getVLC("vlc");
// 添加播放地址
itemId=vlc.playlist.add("rtsp://192.168.8.241:554/020000107660/1493008533-1493026533-1 RTSP/1.0");
//disabled 属性规定应该禁用 input 元素。
document.getElementById("btn_stop").disabled= false;
}
</script>
</head>
<!-- 页面加载完 运行js里面的doAddPlaylist方法 -->
<body οnlοad="doAddPlaylist()">
<div>
<!-- obiect标签
classid:定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类。
width:定义对象的宽度。
height:定义对象的高度。
id:设的一个id。
events:设置或获取脚本编写用于的事件。
-->
<object classid="clsid:9be31822-fdad-461b-ad51-be1d1c159921" width="352" height="288" id="vlc" events="true">
<!-- param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 或者 <applet> 标签提供参数。-->
<param name="mrl" value="rtsp://192.168.8.241:554/020000107660/1493008533-1493026533-1 RTSP/1.0" />
<param name="showdisplay" value="true" />
<param name="autoloop" value="false" />
<param name="autoplay" value="false" />
<param name="volume" value="50" />
<param name="starttime" value="0" />
<!-- embed标签
pluginspage:标识 Flash Player 插件的位置,以便在尚未安装该插件时,用户可以下载它。输入的值必须与上面的显示完全一致。仅适用于 embed 。
type:定义嵌入内容的类型。
version:设置或获取管理当前文档的文档类型定义(DTD)版本。
width:设置嵌入内容的宽度。
height:设置嵌入内容的高度。
name: 设的一个name。
-->
<embed pluginspage="http://www.videolan.org" type="application/x-vlc-plugin" version="videolan.vlcplugin.2" width="352" height="288" name="vlc"></embed>
</object>
</div>
</body>
</html>
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值