【问题标题】:Hide Control bars in video Player Android phonegap隐藏视频播放器 Android phonegap 中的控制栏
【发布时间】:2018-02-09 17:46:49
【问题描述】:

我想在安卓手机上播放视频而不显示控制栏。我使用 Html5 视频标签,它在所有浏览器中都可以正常工作,但在安卓手机中不起作用。

<video src="myvideo.mp4" autoplay></video>

所以我尝试在 Phonegap 中使用视频播放器插件,视频在点击时播放,但我无法隐藏控制栏。 有什么方法可以删除/隐藏视频控制栏?

【问题讨论】:

    标签: android html video cordova


    【解决方案1】:

    我使用了video.js插件,你可以用它播放视频,也可以控制控制栏。我已经提供了 video.js 的链接

    http://blog.videojs.com/post/57828375480/hiding-and-showing-video-player-controls

    此外,当鼠标移出并返回屏幕时,他们还可以控制隐藏和显示控制栏。由于这是一部手机,我会提出建议。

    下面是video.js中隐藏控制栏的代码

    controlBar.addClass('vjs-fade-out'); 下面是在 video.js 中显示控制栏的代码

    controlBar.removeClass('vjs-fade-out'); 您可以在该人未触摸手机后隐藏控制面板,并在他触摸时显示控制面板。现在您已经有了隐藏和显示视频播放器控制栏的方法,因此您必须考虑逻辑才能有效地使用它。

    【讨论】:

      【解决方案2】:

      您可以通过隐藏视频标签的 controls 属性来做到这一点 如果你提到它,意味着它显示控制栏

      <video src="myvideo.mp4" controls autoplay></video>
      

      或者你可以将它的值设置为 false

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-01-05
        • 1970-01-01
        • 2011-03-13
        • 1970-01-01
        • 1970-01-01
        • 2021-02-05
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多