Question

我有一个Android播放HTML5视频的问题。该网页完全适用于原生的Android浏览器，而我的三星Galaxy TAB 3则适用于Chome。但是当我从同一个源创建一个Ionic / Phonegap应用程序时，视频就无法播放。

玩家渲染得很好，我可以点击播放，但是当我这样做时，没有任何反应。控制台中也没有可见的错误消息。

这是我正在使用的代码：

<video class="chapter-video" controls="controls" preload="none">
    <source src="content/video1.mp4" type="video/mp4">
</video>

Answer 1

我制作了一个简单的myApp标签项目，并且最难添加本地视频。最终为我工作的是添加＆＃39; / android_asset /＆＃39;在本地视频的前面。

                <video customvideo>
                    <source src="/android_asset/www/img/small.mp4"/>
                    <!--<source src="../img/small.mp4"/>-->
                </video>

视频的实际路径是注释掉的代码，该代码在运行离线运行android＆＃39;之后用作本机应用程序。命令未被注释。

希望这有帮助。

Answer 2

大多数音频＆amp;在您的Ionic项目中使用Crosswalk（Chromium webview）时，Android的视频元素问题是不存在的。

免责声明：添加Crosswalk可增加应用二进制文件大小。

在将Crosswalk添加到项目之前进行备份。

ionic browser add crosswalk

Answer 3

尝试使用HTML <video>标记在当前HTML中嵌入其他文档，而不是<iframe>标记。请参阅以下示例：

<div class="item" >      
     <div class="video-container">
        <iframe src="{{ image.video }}" frameborder="0" width="560" height="300"></iframe>
     </div>
</div>

在此处阅读iframe：w3school iframe link

Ionic / Phonegap不播放html5视频，但是原生浏览器可以播放

3 个答案: