html - Cordova，HTML5 视频不响应触摸输入

Question

更新： 我通过 Android 工作室做了一个完整的构建，HTML5 视频根本不起作用。它可能与它针对一个网站有关？虽然我可以让应用程序直接从应用程序打开一个网站，但也许我还缺少其他东西。我也尝试过使用 app 目录中的视频，但它似乎根本没有加载。

---

我正在构建一个Cordova/Framework7需要将视频嵌入其中的应用程序。视频加载，我可以在视频中来回滚动，但是在应用程序中触摸巨大的 PLAY 按钮时没有响应。

<video id='video' controls>
    <source src="https://website.com/FancyVideo.mp4" type="video/mp4">
        Your browser does not support HTML5 video
</video>

我试图制作一个事件监听器来触发视频（有和没有 onload bi）

window.onload = function() {
    var video = document.getElementById('video');
    video.addEventListener('click', function () {
        video.play();
    }, false);
}

所以我不确定该怎么做，它应该可以工作。我已经关注了其他几个问题线程，但似乎没有一个有效，或者大部分已经过时。我也尝试过具有类似结果的媒体插件。

Android 上的 HTML5 元素

html5 视频加载后未在 android 上显示控件

注意： 我正在使用

PhoneGap desktop application, and a Galaxy S7 running Android 8.0.0
Cordova Android Version 7.1.0
Cordova Version 8.0.0
Framework 7 Version 3.0.1
PhoneGap Version 8.0.0

标签： htmlcordovahtml-framework-7