Javascript HTML5视频不'；在源代码更新之前不要播放

我有一个HTML5播放器，它是我手机（cordova）应用程序的一部分：

但视频从不播放。当我尝试手动执行它时，它也不起作用，但当我手动重新加载

src

属性，然后尝试播放时，它起作用：

var src = document.getElementById('video-1').getAttribude('src');
document.getElementById('video-1').setAttribute('src', src);
document.getElementById('video-1').play();

---

为什么没有此刷新，视频无法播放？请帮助。

我认为您在视频标签的错误位置使用了

src

，在该位置您可以使用控件

请参阅此链接：

从此链接获取更多视频设置：

我希望这对你有帮助

还要确保您为视频标签写入了正确的

#id

var videoWrapper = document.getElementById('video-1'); 

或

---

谢谢

我怀疑问题出在

preload

属性上。您已将其配置为

none

，以便在加载页面时浏览器不会加载视频。使用

auto

应该可以工作

<video width="100%" height="100%" id="video-1" preload="auto">
  <source src="/mnt/sdcard/xyz-media/xyz.mp4?param=8zw6y" type="video/mp4">
</video>

在你的代码中，你给出了

src

两次，javascript中使用的id是

video-1

，而在html中使用的是

video-2

@ricky，在写这个问题时，不同的id属性是我的错误-抱歉，我现在已经修复了它。谢谢，我已经修复了问题中的div id-这是我在编写问题时的错误，在我的生产代码中，id是正确的-很抱歉：）更改

src

后，使用问题仍然存在。我的手动解决方案仍然有效。您好，先生，请确认您的视频类型和source type=“video/mp4”应该相同。如果你正在添加任何youtube视频，那么你必须获得mp4视频链接。谢谢，我确信这是本地存储的mp4视频。您好，先生，请使用视频演示脚本

var videoWrapper = document.getElementById('video-1'); 

var videoWrapper = document.getElementById('video-2');// Correct One

<video width="100%" height="100%" id="video-1" preload="auto">
  <source src="/mnt/sdcard/xyz-media/xyz.mp4?param=8zw6y" type="video/mp4">
</video>