仅播放音频的 video/mp4 类型的 HTML5 视频

Posted

技术标签:

【中文标题】仅播放音频的 video/mp4 类型的 HTML5 视频【英文标题】:HTML5 video of type video/mp4 playing audio only 【发布时间】:2014-03-02 09:47:41 【问题描述】:

我有一个使用 codeigniter 构建并在 Facebook 中启动的应用程序。此应用应允许用户上传 mp4 类型的视频。

视频上传正常。我已将 mimes.php 中的 mime 类型设置为 'mp4' => array('video/mp4', 'application/octet-stream')

当我使用 codeigniters 文件上传类检查时,我上传了一个显示为 application/octet-stream 类型的视频。但是我上传了另一个带有ext .mp4的视频,并且上传成功了。

当我回显文件类型时,播放良好的视频显示为 application/octet-stream 类型,但仅播放音频的视频显示为 video/mp4 类型。

但是,当我尝试使用 html5 视频在我的界面中查看视频时,它会播放,但只能播放音频。您可以在视频播放时听到声音,但我看不到视频本身。

我该如何解决这个问题?

编辑:

只播放声音的视频可以看here

如果您在我的机器上的视频播放器中观看该视频,则可以看到该视频,但它仅在网络上播放音频。

显示视频的代码是

<video   controls>
              <source src=" <?php echo base_url().$upload_path.'/'.$videos_dir.'/'. $item['name'];?>" type="video/mp4">

                Your browser does not support the video tag.
            </video>

【问题讨论】:

so:文件错误、播放器错误或设置错误。但您没有提供代码或示例文件的链接,因此我们无能为力。 或者可能有一些糟糕的边距使视频消失..因为如果你能听到它,你应该能够看到它 @MarcB 见上面的编辑。 @Tester 尝试向我们展示实际的输出 HTML,而不是用于生成它的 PHP。 【参考方案1】:

原来视频没有被正确编码以支持 HTML5 视频标签。

HTML5 视频需要带有 H264 视频编解码器和 AAC 音频编解码器的 MP4 视频。

问题视频不是编解码器 H264。通过转换器运行它可以修复它。

【讨论】:

您是否手动转换视频?手动?如果您以编程方式执行此操作,您使用哪个代码? @user15152665 ffmpeg 是你的朋友。

以上是关于仅播放音频的 video/mp4 类型的 HTML5 视频的主要内容,如果未能解决你的问题,请参考以下文章

FireFox 24.0在HTML使用video标签怎么无法播放MP4

HTML5 - mp4 视频无法在 IE9 中播放

【HTML5的video标签】我的谷歌浏览器无法播放,video标签里是MP4格式视频!

前端小功能:video视频播放

如何从HTML5网络视频生成音频波形?

如何从 HTML5 网络视频生成音频波形?