Question

我已经下载了MP4视频用于测试目的，但即使添加了crosswalk插件后我也无法观看。这就是我得到的：

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/

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

Answer 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>

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

1 个答案: