h5 video 视频无法播放

Question

由于有十几个样式一样就是数据不同的页面，于是就把数据存为json数组，然后获取其中的值。如下面的代码：

<video controls preload="none" class="my-player" poster="">
    <source src="" type="video/mp4">
</video>

其中poster和src的值是动态获取的，在浏览器运行时，DOM中显示值是获取到了的，也是正确的值，但是视频无法播放，如果直接在把source的src值写在页面中，视频就能正常播放，这是为什么？有什么解决办法吗？

Answer 1

是不是代码中缺少load方法？
load() 方法重新加载音频/视频元素。
load() 方法用于在更改来源或其他设置后对音频/视频元素进行更新。

var vedioEle = document.getElementById('myvedio');
var sourceEle = document.getElementById('mysource');
sourceEle.src = 'https://www.w3cschool.cn/statics/demosource/movie.mp4';
vedioEle.load();
vedioEle.play();

Answer 2

这个问题是在play后立即执行了pause；
你看下是不是哪个地方你执行了pause