带有 Flask 和 GAE 的 safari (iOS) 上的视频标签答案

【问题标题】：Video tag on safari (iOS) with Flask and GAE带有 Flask 和 GAE 的 safari (iOS) 上的视频标签
【发布时间】：2017-06-26 18:16:56
【问题描述】：

根据标题，我正在尝试使用 Google App Engine 上的 Flask 后端呈现带有 html5 标签的 Jinja2 模板。它在 chrome/firefox (windows/android) 上没有问题，但在 iOS 的 safari 上没有运气（在 iphone 7 上测试）。

    <video id="media-video" width="100%" muted controls>
            <source src="{{url_for('static', filename = 'test.mp4')}}" type="video/mp4">
            Not supported
    </video>

我已经搜索并阅读了它（例如 HTML5 Video tag not working in Safari , iPhone and iPad) 但我的情况似乎有所不同...没有显示错误但似乎没有加载视频（视频是 h.264）。

知道为什么吗？ flask/google-app-engine 是否会增加问题的复杂性？

【问题讨论】：

将你的 iPhone 插入电脑，在 Safari 中进入开发者模式。您可以通过电脑调试手机上的浏览器响应
感谢@GAEfan，我就是这么做的。没有错误，但资源没有加载，也没有传输的内容......它可能与缺少标题有关吗？我试过： r = make_response(render_template('xxx.html')) r.headers['Accept-Ranges'] = 'bytes'
当您检查视频标签时，网址是什么？它是畸形的吗？为了排除故障，请添加一个高度标签。
谢谢，我也尝试了这两种方法。 url 看起来不错（相对路径），我还尝试对完整路径进行硬编码并从谷歌存储中提供文件...

标签： google-app-engine flask html5-video

【解决方案1】：

尝试不同的标签结构：

<video id="media-video" 
       width="100%"
       src="{{url_for('static', filename = 'test.mp4')}}" 
       type="video/mp4"
       muted controls
>
</video>

【讨论】：

没有区别，行为相同，我看不到请求的标头