这段时间做一个web端视频实时监控功能,特此记录一下:
h5新标签vedio不支持rtmp流,需要flash来播放,而谷歌浏览器如果没启用flash是无法播放的,所以检测一下在页面给一个提示,方便用户。为了兼容不同浏览器,IE只支持对Object的解析;火狐,谷歌,Safari只支持对Embed的解析。我这里只是借用了embed的样式和提示启用flash的功能。
<script src="http://vjs.zencdn.net/5.5.3/video.js"></script> <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet"> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>
<div class="openFlashTips" style="width:300px;position:absolute;top:20px;left:225px;z-Index:9999;color:white">视频无法正常播放,请点击下方启用flash</div> <video id="my-video" style="color:black;width:750px;height:350px" class="video-js" autoplay controls preload="auto" width="750" height="