软件介绍:
vlc播放器中文版是一款操作简单的媒体播放器,它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影音光盘及各类流式协议,大多数的媒体文件都可以播放。
所需工具:点击下载 vlc播放器 中文版
软件特点
1、简单、快速、强大
1)vlc播放器中文版能播放任何内容 - 文件、光盘、摄像头、设备及流媒体
2)可播放大多数格式,无需安装编解码器包 - MPEG-2, MPEG-4, H.264, MKV, WebM, WMV, MP3...
3)可在所有平台运行 - Windows, Linux, Mac OS X, Unix, iOS, Android ...
4)vlc播放器中文版完全免费 - 无间谍软件,无广告,无跟踪用户的行为
2、自定义
1)添加外观
2)设计外观可采用 VLC 外观编辑器
3)安装扩展
3、vlc播放器中文版具有跨平台的特性,它有Linux、Microsoft Windows、Mac OS X、BeOS、BSD、Pocket PC及Solaris的版本。
4、与另一个著名播放器Mplayer(使用Gtk+库)不同的是,VLC使用了Qt库来编写Linux的用户操作界面。
5、在Windows,Linux以及某些平台,vlc播放器中文版提供了一个Mozilla扩充包,使得某些网站上附带的QuickTime及Windows Media多媒体文件,可以在非微软或苹果计算机的操作系统中,正常显示于Mozilla的浏览器下。
6、从版本0.8.2开始,VLC亦提供了一个ActiveX的扩充包,使用户可以在Internet Explorer下,正常显示某些网站上附带的QuickTime及Windows Media多媒体文件。
7、从1.0.5版本开始VLC的ActiveX的扩充包已经放弃js接口的调用。
8、vlc播放器中文版还有一个非常好的功能——支持播放某些没有下载完成的视频文件部份内容。
如果都写到服务端展示数据的话 访问数量增加服务端解析页面,压力会很大 写到前台用js解析的话,服务端无需关心数据展示 直接前台用js在客户端解析就可以了 服务端压力减小,而且页面加载速度也快<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>vlc-video视频播放</title>
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./js/layui/css/layui.css">
</head>
<body>
<!-- BTN -->
<div>
<button class="layui-btn" onclick="playVideo_1(),playVideo_2()">播放</button>
<button class="layui-btn" onclick="zanting_1(),zanting_2()">暂停</button>
<button class="layui-btn" onclick="kuaijin_1(),kuaijin_2()">快进10秒</button>
<button class="layui-btn" onclick="kuaitui_1(),kuaitui_2()">快退10秒</button>
</div>
<!-- vlc播放器 -->
<div id="vlc-content_1" class="content">
<embed id="vlcObj_1" src="123.mp4" type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" width="100%" height="480" />
</div>
<!-- h5 video播放器 -->
<div id="video-contnt_1" style="display: none">
<video id="video_1" src="123.mp4" controls width="100%" height="480">
您的浏览器版本太旧,请更新版本或使用其他浏览器
</video>
</div>
<!-- BTN_1 -->
<div>
<button class="layui-btn" onclick="playVideo_1()">播放1</button>
<button class="layui-btn" onclick="zanting_1()">暂停1</button>
<button class="layui-btn" onclick="kuaijin_1()">快进10秒</button>
<button class="layui-btn" onclick="kuaitui_1()">快退10秒</button>
</div>
<!-- vlc播放器 -->
<div id="vlc-content_2" class="content">
<embed id="vlcObj_2" src="456.mp4" type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" width="100%" height="480" />
</div>
<!-- h5 video播放器 -->
<div id="video-contnt_2" style="display: none">
<video id="video_2" src="456.mp4" controls width="100%" height="480">
您的浏览器版本太旧,请更新版本或使用其他浏览器
</video>
</div>
<!-- BTN_2 -->
<div>
<button class="layui-btn" onclick="playVideo_2()">播放2</button>
<button class="layui-btn" onclick="zanting_2()">暂停2</button>
<button class="layui-btn" onclick="kuaijin_2()">快进10秒</button>
<button class="layui-btn" onclick="kuaitui_2()">快退10秒</button>
</div>
<!-- 播放器公共部分-->
<div>
<select id="beisu">
<option value="0.5">0.5x</option>
<option value="1" selected>1.0x</option>
<option value="1.25">1.25x</option>
<option value="1.5">1.5x</option>
<option value="2">2.0x</option>
</select>
<script src="./js/jquery-1.8.0.min.js"></script>
<script src="./js/layui/layui.js"></script>
<script>var VIDEO_1 = document.getElementById("video_1")</script>
<script>var VIDEO_2 = document.getElementById("video_2")</script>
<script>var VLC_1 = document.getElementById("vlcObj_1")</script>
<script>var VLC_2 = document.getElementById("vlcObj_2")</script>
</div>
<script>
var layer = ''
var useVlc = getBrowserInfo().indexOf('IE') != -1
layui.use('layer', function () {
layer = layui.layer
(function () {
if (useVlc) { // IE浏览器使用vlc
try {
$("#vlc-content_1").show()
$("#vlc-content_2").show()
} catch (err) {
$("#vlc-content_1").hide()
$("#vlc-content_2").hide()
if (getPlatform() == 'win32') {
layer.confirm('当前浏览器暂未安装视频播放插件,点击确定安装', {
btn: ['确定', '取消']
}, function () {
window.open('http://47.96.19.54:8080/vlc/vlc-2.2.4-win32.exe')
})
} else if (platform == 'win64') {
layer.confirm('当前浏览器暂未安装视频播放插件,点击确定安装', {
btn: ['确定', '取消']
}, function () {
window.open('http://47.96.19.54:8080/vlc/vlc-2.2.4-win64.exe')
})
}
}
} else { // 其他浏览器使用html5-video
$("#vlc-content_1").hide()
$("#video-contnt_1").show()
$("#vlc-content_2").hide()
$("#video-contnt_2").show()
}
// 绑定倍速
$("#beisu").on("change", function () {
var v = $(this).val()
if (useVlc) {
VLC.input.rate = v
} else {
VIDEO.playbackRate = v
}
})
})()
})
// 播放_1
function playVideo_1(url) {
if (useVlc) {
url ? VLC_1.playlist.add(url) : ""
VLC_1.playlist.play()
} else {
url ? VIDEO_1.src = url : ""
VIDEO_1.networkState != 3 ? VIDEO_1.play() : ""
}
}
// 播放_2
function playVideo_2(url) {
if (useVlc) {
url ? VLC_2.playlist.add(url) : ""
VLC_2.playlist.play()
} else {
url ? VIDEO_2.src = url : ""
VIDEO_1.networkState != 3 ? VIDEO_2.play() : ""
}
}
// 暂停播放_1
function zanting_1() {
if (useVlc) {
VLC_1.playlist.pause()
} else {
VIDEO_1.pause()
}
}
// 暂停播放_2
function zanting_2() {
if (useVlc) {
VLC_2.playlist.pause()
} else {
VIDEO_2.pause()
}
}
// 快进10秒播放_1
function kuaijin_1() {
if (useVlc) {
VLC_1.input.time += 10000
} else {
VIDEO_1.currentTime += 10
}
}
// 快进10秒播放_2
function kuaijin_2() {
if (useVlc) {
VLC_2.input.time += 10000
} else {
VIDEO_2.currentTime += 10
}
}
// 快退10秒播放_1
function kuaitui_1() {
if (useVlc) {
VLC_1.input.time -= 10000
} else {
VIDEO_1.currentTime -= 10
}
}
// 快退10秒播放_2
function kuaitui_2() {
if (useVlc) {
VLC_2.input.time -= 10000
} else {
VIDEO_2.currentTime -= 10
}
}
//适用于IE6/7/8/9/10/11浏览器,并且安装有vlc插件,则返回true;
function isInsalledIEVLC() {
var vlcObj = null
var vlcInstalled = false
try {
vlcObj = new ActiveXObject("VideoLAN.Vlcplugin.2")
if (vlcObj != null) {
vlcInstalled = true
}
} catch (e) {
vlcInstalled = false
}
return vlcInstalled
}
// 获取浏览器类型
function getBrowserInfo() {
var userAgent = navigator.userAgent//取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") >-1//判断是否Opera浏览器
var isIE = window.ActiveXObject || "ActiveXObject" in window
var isEdge = userAgent.indexOf("Edge") >-1//判断是否IE的Edge浏览器
var isFF = userAgent.indexOf("Firefox") >-1//判断是否Firefox浏览器
var is360 = userAgent.indexOf("360SE") >-1//判断是否360浏览器
var isSafari = userAgent.indexOf("Safari") >-1 &&userAgent.indexOf("Chrome") == -1//判断是否Safari浏览器
var isChrome = userAgent.indexOf("Chrome") >-1 &&userAgent.indexOf("Safari") >-1 &&!isEdge//判断Chrome浏览器
if (isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+)")
reIE.test(userAgent)
var fIEVersion = parseFloat(RegExp["$1"])
if (userAgent.indexOf('MSIE 6.0') != -1) {
return "IE6"
} else if (fIEVersion == 7) {
return "IE7"
} else if (fIEVersion == 8) {
return "IE8"
} else if (fIEVersion == 9) {
return "IE9"
} else if (fIEVersion == 10) {
return "IE10"
} else if (userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)) {
return "IE11"
} else {
return "0"
} //IE版本过低
} //isIE end
if (isFF) {
return "FF"
}
if (isOpera) {
return "Opera"
}
if (isSafari) {
return "Safari"
}
if (isChrome) {
return "Chrome"
}
if (isEdge) {
return "Edge"
}
if (is360) {
return "360SE"
}
}
// 获取浏览器32位还是64位,安装对应的vlc
function getPlatform() {
var agent = navigator.platform.toLowerCase()
if (agent.indexOf("win64") >= 0 || agent.indexOf("wow64") >= 0) {
return "win64"
} else if (agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0) {
return "win32"
}
}
</script>
</body>
</html>