如何加载本地存储的 MP4 视频答案

【问题标题】：How to load locally stored MP4 video如何加载本地存储的 MP4 视频
【发布时间】：2016-08-13 00:58:53
【问题描述】：

我出于测试目的下载了一个 MP4 视频，但即使添加了人行横道插件，我也无法观看它。这是我得到的：

Cannot GET /media/big_buck_bunny.mp4

这是我的代码，对于 youtube 托管的视频运行良好：

<div class="card">
    <ion-item>
        <div class="video-container">
             <iframe ng-src="media/big_buck_bunny.mp4" frameborder="0" width="560" height="315"></iframe>
        </div>
    </ion-item>
</div>

测试视频从这里下载：

http://www.quirksmode.org/html5/tests/video.html

这是我遵循的教程：

https://www.thepolyglotdeveloper.com/2015/01/embed-video-ios-android-ionicframework-app/

编辑：似乎我将视频放在了错误的目录中（不是沙盒）。尽管如此，它现在抱怨文件损坏或损坏（消息是西班牙语，所以我不知道翻译是否正确）。

【问题讨论】：

你能给我们实际的错误信息，最好是一个问题演示的链接
非常感谢您的回复，我终于成功了。我真的不知道问题出在哪里，但是使用“视频”标签解决了它。

标签： angularjs html video ionic-framework

【解决方案1】：

最后我设法使用“视频”标签做到了这一点，并在不同的 Android 上进行了测试（这似乎是有问题的平台），一切正常：

<video width="100%" autoplay="autoplay" controls style="margin-top: 50px; margin-bottom: 20px;">
    <source src="media/sample.mp4" type="video/mp4">
    <p>Your browser does not support H.264/MP4.</p>

【讨论】：