无法使用 HTML5 视频标签在 PhoneGap 上播放视频答案

【问题标题】：Cannot play video on PhoneGap using HTML5 video tag无法使用 HTML5 视频标签在 PhoneGap 上播放视频
【发布时间】：2014-04-08 13:40:35
【问题描述】：

我正在尝试在 PhoneGap 上使用 jQuery Mobile 播放本地 mp4 格式的视频。在 Android 上，视频可以播放，但除了白屏外不显示任何内容。我尝试了几种不同的方法，但都没有奏效。

当我单击全屏按钮时，它会在本机播放器中播放。我想在点击全屏按钮之前显示视频。

我的video标签：

<video id="html5_video" poster="" width="480" height="360" src="" autoplay>
    <i>OOPS, Your Browser doesn't support the HTML5 &lt;video&gt; element.</i>
</video>

【问题讨论】：

您尝试播放的视频是什么格式的？
仅限mp4视频格式
嗨，任何想法都意味着请告诉我
确定几件事要检查 --- (1) 你有 --- -- 在你的 HTML 页面的顶部吗？ (2) 视频可能会说 MP4，但这只是一个容器。 HTML 视频支持 --- MP4 = MPEG 4 文件，带有 H264 视频编解码器和 AAC 音频编解码器。 --- 检查视频的属性。还要检查这个---developer.mozilla.org/en-US/docs/HTML/Supported_media_formats---关于如何正确使用（视频）标签和这里---w3schools.com/TAgs/tag_video.asp
我在几个网站上都看到过这个问题。我没有详细研究它，但我似乎记得它与视频播放有关，但没有在页面上的实际容器内呈现。作为在黑暗中刺伤的东西，我建议玩一下 z-indexes。

标签： html jquery-mobile cordova html5-video

【解决方案1】：

html代码：

<iframe id="playvideo" style="width:95%;height:95%"></iframe>

javascript:

var videoPath="http://www.yourvideo path here"

document.getElementById('playvideo').src = videoPath;

【讨论】：

我需要加载 .mp4.. 尝试过但视频没有加载到 iframe 中