科尔多瓦,HTML5视频对触摸输入无响应

时间:2018-07-13 18:40:02

标签: html5 cordova html-framework-7

更新: 我通过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);
}

所以我不确定该怎么办,应该可以。 我关注了其他几个问题线程,但似乎没有一个起作用,或者大多已过时。我还尝试了具有类似结果的媒体插件。

HTML5 element on Android

html5 videos not showing controls on android once loaded

注意: 我正在使用

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

Image of the app with video

0 个答案:

没有答案