Flask mp4 html5视频无法在safari中运行

Question

我正在使用Flask和HTML5视频解决奇怪的问题。我想在视频标签中显示视频。视频是带有H.264编解码器的mp4。除了OSX上的Safari和IOS上的Safari之外，它无处不在。带视频的地方是空白的。当我通过开发人员工具浏览此视频时，safari表示无法加载资源。我了解到它可能与http标题有某种关联。所以我认为这是因为我使用默认的烧瓶开发服务器。所以我在pythonanywhere.com上传了它，但它是一样的。我在静态文件夹中有视频，我的HTML看起来像这样：

 <div id="reel-vid">
    <video class="img-responsive" id="video1">                              
    <source src="static/img/showreel_video_L2.mp4" type="video/mp4">                                
    Your browser does not support this video.
    </video>
 </div> 

我尝试了不同的分辨率，不同的格式（webm，ogg）。什么都行不通。谢谢你的帮助。