视频无法在移动设备上正确播放

Question

在我的wordpress网站中，我使用Avada主题，并且我的融合滑块中有一个视频，可以播放视频，但不能在移动设备上播放，而是将图像显示为该融合滑块的行为。我删除了图像的dom元素，以使视频可见但无法播放。

如果我检查该元素并使用“在HTML中编辑”选项编辑该元素，并在视频元素之后放置一个空div，然后退出编辑器，我的视频就会开始播放。

如果我在页面中复制了视频元素，它将在移动设备上自动播放。因此，问题在于视频被包裹在融合滑块中，该融合滑块使视频无法播放，但正如我上面所说，并以HTML进行编辑，然后再次保存即可开始播放。

这是我的视频元素：

<video preload="auto" autoplay="autoplay" loop="loop" muted="" width="1800" height="700">
    <source src="http://domain.be/wp-content/uploads/2018/10/video.mp4" type="video/webm" />
</video>

我试图通过在innerHTML中获取内容来刷新元素，然后将其保存回innerHTML中，但是没有用。然后，我尝试将事件监听器添加到video元素，但是没有成功。

var v = document.getElementsByTagName("video")[0];
v.addEventListener('canplay', function() {
    v.play();
});

我的融合滑块：