Javascript 带有动态源的Html 5视频无法在android中运行

使用javascript加载动态源代码的Html5视频在web浏览器上运行良好，但在android phonegap构建应用程序中不起作用

源代码如下：

Javascript代码：

$('#video_player').append('
  <video width="320" height="240" controls>
    <source src="'+ response.video_url +'" type="video/mp4">
  </video>');

Html代码：

<div id="video_player"></div>

<div id="video_player">
    <video width="320" height="240" controls>
        <source src="test_video.mp4" type="video/mp4">
    </video>
</div>

当代码编写为以下代码时，视频在android中运行良好：

Html代码：

<div id="video_player"></div>

<div id="video_player">
    <video width="320" height="240" controls>
        <source src="test_video.mp4" type="video/mp4">
    </video>
</div>

---

我最好的猜测是它与跨源资源共享有关，当您试图从不同的域访问资源时，这是一个问题

有关如何解决此问题，请参阅本指南：

基本上，将以下内容添加到config.xml中：

---

我曾经有过IE9的问题。我通过显式地创建一个源元素而不是附加一个html字符串来解决这个问题。你可以试试看

例：