html - 媒体不能在<视频>和<音频>中播放

标签 html audio video browser codec

我正在将视频和音频保存到我的AWS云存储中。

  • 视频(.mp4格式)
  • 音频(.m4a格式)

  • 当我在HTML中插入标签时:

    <video controls>
      <source type="video/mp4" src="https://s3-eu-west-1.amazonaws.com/hikebeat/video/hikebeat_56e997a92176868d8b3ef8c5_1458247689.mp4">
      Your browser does not support the video tag.
    </video>
    
    <audio controls>
      <source type="audio/mp4" src="https://s3-eu-west-1.amazonaws.com/hikebeat/audio/hikebeat_56e997a92176868d8b3ef8c5_1458245562.m4a">
      Your browser does not support the audio element.
    </audio>


    结果是仅音频在浏览器中播放,视频不起作用。但是,当尝试手动下载视频时,可以在媒体软件中完美播放。

    使用<video><audio> HTML5元素时,我是否忽略了什么?

    最佳答案

    您的视频文件已损坏

    请参阅:https://gyazo.com/9631bad0402d8b3870fd4aee0b84fe52

    编辑

    看来这实际上与S3提供文件的方式有关。我将文件重新托管在自己的服务器上,并没有问题地进行了尝试。

    再次编辑

    这是gzip编码。似乎浏览器不喜欢播放已压缩传输的视频。

    关于html - 媒体不能在<视频>和<音频>中播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36327998/

    相关文章:

    php - 将文本区域输出显示为带元素符号的列表

    java - Vaadin动态加载JavaScript、CustomLayout

    javascript - 将焦点设置到创建的 div

    c# - 录制某个应用程序的声音

    javascript - Cordova 视频捕获 - 如何获取 blob 数据?

    javascript - youtube api,Firefox 4.0。 iframe无法加载视频

    javascript - 在具有相同类的 div 上调用 javascript 函数

    ios - 设置效果 AudioUnit

    javascript - 如何在JavaScript中使用类别而不是ID

    javascript - HTML5 视频 : Modify http range request headers