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

最新推荐文章于 2024-06-17 09:46:17 发布

wal1314520

最新推荐文章于 2024-06-17 09:46:17 发布

阅读量9.4k

点赞数 2

分类专栏：工具、插件文章标签： VLC 页面播放器

本文链接：https://blog.csdn.net/wal1314520/article/details/82220232

版权

工具、插件专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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文件即可使用。