根据视频FTP存储地址,在web中播放视频
效果如下:
下载VCL播放器
1、下载VCL播放器至本地,并安装,如:D:\VLC\ 路径下
2、配置注册表,快捷键 Win + R, 输入cmd,在窗口输入
regsvr32 D:\VLC\axvlc.dll
html代码层面
<!--支持IE浏览器-->
<object type='application/x-vlc-plugin' id='vlc2' events='True' width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">
<!--playUrl是视频流地址变量,volume:声音 autoplay:自动播放 loop:循环播放 fullscreen:是否全屏播放 -->
<param name='mrl' id="mrl" th:value="${playUrl}" />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='true' />
<!--支持火狐浏览器:仅支持V51以下的-->
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" width="720" height="540" id="vlc">
</embed>
</object>
<!--火狐浏览器播放控制,没有声音、自动播放等控制设置-->
<script language="Javascript">
var vlc = document.getElementById("vlc");
var mrl= document.getElementById("mrl").value;
//将地址添加到播放列表
vlc.playlist.add(mrl);
//播放
vlc.playlist.play();
</script>
后端
后端只需向页面传递视频播放地址playUrl 至前端。
注意事项
并非所有浏览器都支持该插件,亲自验证过的有火狐V50,IE浏览器,都可正常播放。根据文档显示,兼容的浏览器有:
火狐浏览器版本下载
http://ftp.mozilla.org/pub/firefox/releases/