使用 html 视频标签从 www 文件夹播放视频（在 android 上）答案

【问题标题】：play video from www folder using html video tag ( on android )使用 html 视频标签从 www 文件夹播放视频（在 android 上）
【发布时间】：2017-04-22 13:04:25
【问题描述】：

我正在使用以下代码来显示视频

<video id="v1" class="no-fastclick" controls>
    <source class="no-fastclick" src="img/home.mp4" type="video/mp4">
</video>

实际上“几乎”一切正常。视频可以播放，但我只有声音。但是，当它全屏时，我也看到了视频。所以一切似乎都是正确的 - 除了它在不全屏时不显示。

我找不到强制点击全屏或使其在小版本中可播放的方法。

【问题讨论】：

标签： android html cordova video

【解决方案1】：

更新

在下面与cmets中的OP讨论后，我构建了一个测试应用并为OP上传了它。

我已确认该视频可在实际设备上运行。在模拟器上尝试了相同的应用程序后，我能够重现该问题。这似乎是一个模拟器问题，而不是 Cordova 或实际设备的问题。

编辑

看来你不是唯一一个遇到这个问题的人。有一个插件可以让视频标签在这里正常工作：

https://github.com/jaeger25/Html5Video/blob/master/README.md

安装：

cordova plugin add https://github.com/jaeger25/Html5Video.git

示例用法：

<video id="myvideo" loop></video>

希望这会奏效！

原创

你可能需要像这个例子一样添加 webkit-playsinline 属性：

<video webkit-playsinline>
    <source src="mySource.mp4" type="video/mp4">
</video>

您可能还需要将此添加到您的 config.xml 中

<preference name="AllowInlineMediaPlayback" value="true"/>

【讨论】：

我已经用关于这个插件的信息更新了我的答案。似乎 chrome webview 不喜欢从 content:// 播放视频
这个我也试过了。我有一种感觉，他的科尔多瓦社区不知何故死了。我找不到任何直接播放愚蠢视频的工作示例。我真的无法理解为什么它在全屏模式下工作。如果它总是全屏播放，我会很好，但即使这样也不起作用-.-
我已经在我的设备上上传了项目和应用程序的屏幕录像：这是视频的链接：drive.google.com/open?id=0B3JK7HmVuvg0LTJLb0ZmWTNjXzQ 这是项目的链接：drive.google.com/open?id=0B3JK7HmVuvg0d1dNbmo1RFExSEE
也许是一个小更新：我目前只有一个 4.4.2 的 android 设备，视频也没有在那里播放。我已将它发送给使用 android 5 的朋友，它正在工作。我的第一个疯狂猜测是它只适用于 android > 5
作为评论的最后更新：我没有设法使用您引用的插件运行视频 - 但是我使用人行横道（github.com/crosswalk-project/cordova-plugin-crosswalk-webview）让它运行 - 我还没有将它添加到然而，我的实际应用程序 - 至少视频终于开始播放了 :) ！