video-streaming - HTML5 视频无法在 IE11 或 Edge 中播放
问题描述
在过去的几天里,我已经处理了许多似乎涵盖了这个问题的 Stack Overflow 问题,但我找不到适合我的解决方案,所以希望这不是一个重复的问题。
我有一个这样编码的 MP4 文件:
我也使用 Miro Video Converter 转换为 webm。
我已经使用直接的视频标签将其输入到我的网页中,如下所示:
<video controls autoplay muted loop>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
</video>
这可以在网上看到: https ://www.kristyellispersonaltraining.co.uk/videotest.htm
它在 Chrome、Firefox 和手机上运行良好。但是,一旦我尝试在 Microsoft 浏览器中查看它,我就无法让它工作。IE11 和 Edge 都显示错误。
我已经对文件进行了多次重新编码,据我所知,我在它应该是的确切编解码器中拥有它。
开发工具显示此错误:
HTTP502: BAD GATEWAY - 服务器在充当网关或代理时,在尝试满足请求时从它访问的上游服务器接收到无效响应。
任何人都可以阐明这里可能发生的事情吗?
解决方案
如果视频请求显示该错误,则它与您对视频的编码方式或任何客户端完全无关。您需要通过检查服务器端日志来找出服务器端的问题。
推荐阅读
- r - 向 mle2 模型添加因子
- ruby-on-rails - Ruby Rake 任务完成后如何进行 Pagereload
- ansible - 根据 varnish 健康状态重启服务器上的 apache 服务
- angularjs - Drools UI + Spring boot + Angular.js 集成
- ejabberd - 如何在值中使用带有非拉丁词的 ejabberdctrl set_vcard?
- javascript - Dom 中的 Javascript 无效参数。风格。高度
- html - CSS Selector - 如何选择活动父元素的子元素?
- gulp-4 - 如何使用 gulp 4.0.1 编译和捆绑 react 16.9?
- php - 如何在我的数据库中插入单选按钮的值,我应该使用什么表格布局?
- html - 如何将 React 组件作为属性传递给 HTML 输入