有办法在HTML5中播放mpeg视频吗？
我的基于pc的web应用程序使用HTML5，我希望导入mpeg文件在我的浏览器中播放，这些文件已经被其他应用程序以这种方式保存了。有办法用HTML5播放这些视频文件吗？
编辑：
应用程序尝试从本地硬盘驱动器而不是从服务器播放mpeg文件。因此，用户可以选择mpeg文件来播放所选的mpeg文件。
HTML：
<input id="t20provideoinput" type="file" multiple accept="video/*"/>
<video id="t20provideo" controls controls>Javascript：
(function localFileVideoPlayerInit(win) {
var URL = win.URL || win.webkitURL;
var sources = [];
var j = 1;
var videoNode = document.querySelector('video');
var videoNode1 = document.querySelector('object');
var groupElement = document.getElementsByClassName('metric')[0];
console.log('this is group element ' + groupElement);
var playSelectedFile = function playSelectedFileInit(event) {
for(var i=0; i<this.files.length; i++){
var file = this.files[i];
var type = file.type;
var fileURL = URL.createObjectURL(file);
sources.push(fileURL);
}
groupElement.addEventListener('click', function(){
videoNode.src = sources[0];
});
};
var inputNode = document.getElementById('t20provideoinput');
videoNode.addEventListener('ended', function(){
videoNode.src = sources[j++];
videoNode.load();
videoNode.play();
}, false);
if (!URL) {
displayMessage('Your browser is not ' +
'<a href="http://caniuse.com/bloburls">supported</a>!', true);
return;
}
console.log(inputNode);
if (inputNode != null) {
inputNode.addEventListener('change', playSelectedFile, false);
}
}(window)); 由http://jsfiddle.net/dsbonev/cCCZ2/embedded/result,js,html,css/presentation/改性
我尝试了一些东西，比如向浏览器中添加插件，使用Mediaelement.js，使用object标记来查看是否可以播放所选的mpeg文件。但是，这些尝试都失败了。
下面是我在html5中使用对象标记的代码片段
<object type="video/mpeg" data="test.mpeg" width="200" height="40">
<param name="src" value="test.mpeg" />
<param name="autoplay" value="false" />
<param name="autoStart" value="0" />
</object>任何建议都是非常感谢的。
回答 2
Stack Overflow用户
发布于 2013-09-26 23:06:56
很明显，您不能使用mpeg1或mpeg2使用html5。我也在调查类似的事情。您可以嵌入一个VLC网络播放器，它可以很容易地处理这些视频格式。也许可以考虑..。https://wiki.videolan.org/Documentation:WebPlugin/
<html>
<title>VLC Mozilla plugin test page</title>
<body>
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
width="640" height="480" id="vlc">
</embed>
<script language="Javascript">
<!--
var vlc = document.getElementById("vlc");
vlc.audio.toggleMute();
//!-->
</script>
</body>
</html>Stack Overflow用户
发布于 2019-11-29 10:09:39
对于MPEG1，您可以尝试杰姆佩格。JSMpeg具有较低的潜伏期。
你可以检查https://jsmpeg.com/的利弊
https://stackoverflow.com/questions/14929516
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号