IE下使用VLC网页播放视频Demo

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wal1314520/article/details/82220232

VLC是一款很不错的播放器,可以播放很多不同格式的视频,在IE下是一个很不错的选择。VLC的安装再次就不在描述了,基本就是下一步的操作,没有什么值得注意的,下载地址百度也有很多,很方便。今天主要是给大家一个简单使用的demo,只能在IE浏览器下运行,火狐和chrome的低版本是支持VLC的,高版本是不支持VLC的了。

写这个的原因是因为公司业务需要和第三方公司对接,然后对方居然不知道VLC如何使用,就让我提供一个demo,所以这个demo仅仅只是简单的使用,播放而已。

下面代码如下:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input type="file" id="addr" name="addr" value="" placeholder="" onchange="playVideo(this.value)">
    <div id="vlcArea" style="margin-top:20px">
      <object type='application/x-vlc-plugin' id='vlc' 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">
          <param name='mrl' value='' />
          <param name='volume' value='50' />
          <param name='autoplay' value='true' />
          <param name='loop' value='false' />
          <param name='fullscreen' value='false' />
      </object>
    <script>
      function playVideo(value){
        var vlc=document.getElementById("vlc");
        var itemId= vlc.playlist.add("file:///"+value);//这里的路径可以是http://XXXXXX/XXXX/XXX.MOV之类的
        vlc.playlist.playItem(itemId);
      }
    </script>
	</div>
  </body>
</html>

有兴趣的朋友可以直接拷贝下来,创建一个html文件即可使用。

猜你喜欢

转载自blog.csdn.net/wal1314520/article/details/82220232