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

Question

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

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

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

我找不到一种强制点击全屏或让它在小版本中播放的方法。

Answer 1

<强>更新

在下面的评论中与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"/>