1、前端用的是HTML5的video标签播放的视频。由于其并不能支持所有视频类型的播放，所以我们需要把视频转码为其支持的编码如h264。否则会出现黑屏只有声音没有图像的问题。网上的方法大多是转成flv的，这里，我把它转成mp4。
目前创新互联建站已为超过千家的企业提供了网站建设、域名、网络空间、网站托管、服务器托管、企业网站设计、禅城网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
2、打开网页视屏 进入看电影的界面。右键点击视频，左键选择“设置”，之后您可以在打开的窗口里找到第一个选项“启用硬件加速”，把那个勾去掉。
3、先来分析一下原因，最主要的就是当前使用的播放器不能正确解码这个本地视频，有可能是只有画面没有声音，也有可能是只有声音没有画面。
1、使用audio，示例：audio src=音频地址 controls=controls/audio。
2、HTML5中的 video和audio这两个标签是HTML5中专门用来播放视频和音频资源的标签。video标签和audio标签也提供了很实用的JavaScript API，允许创建自定义的控件。这两个标签的用法我们通过下面这个示例来进行说明一下。
3、可以分别用audio标记和video标记。
4、而audio元素专门用来播放网络上的音频数据。使用这两个元素，就不需要再使用其他插件了，只要使用支持HTML5的浏览器就可以了，同时在开发的时候也不再需要书写复杂的object元素和embed元素了。
5、上面的代码还有其他参数，这个设置比较复杂，但是兼容性比较高，主流的浏览器都支持。HTML5 audio 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 embed 元素。
audio如何让自定义标签只播放选定的录音我们新建一个html5网页文件，把他命名为test.html，接下来我们用test.html文件来讲解html5利用audio标签定义音频。
首先新建一个HTML文档，如图所示。然后在body标签里输入video标签。接着在video标签内输入controls=controls，如图所示。
目前，html5audio标签只能同时播放一个音频文件，如何要添加多个MP3音频文件，然后按顺序一个接着一个连续播放，需要用JS代码来实现。这是实现的教程。希望对你有用。