在视频播放器Android手机屏幕中隐藏控制栏

时间:2014-01-21 06:58:59

标签: android html5 video cordova

我想在没有显示控制条的情况下在Android手机上播放onload视频。我使用了Html5视频标签,它在所有浏览器中都能正常工作,但它在Android手机中不起作用。

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

所以我尝试在Phonegap中使用视频播放器插件,并在onclick上播放视频,但我无法隐藏控制栏。 有没有办法删除/隐藏视频控制栏?

2 个答案:

答案 0 :(得分:1)

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

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

此外,当鼠标移出并返回屏幕时,他们可以控制隐藏和显示控制栏。由于这是一个移动设备,我会建议这样做。

以下是隐藏video.js

中控制栏的代码

controlBar.addClass( 'VJS-淡出'); 下面是在video.js中显示控制栏的代码

controlBar.removeClass( 'VJS-淡出'); 您可以在此人未触摸移动设备后隐藏控制面板,并在触摸控制面板时显示控制面板。现在您可以隐藏和显示视频播放器的控制栏,因此您必须考虑逻辑以有效地使用它。

答案 1 :(得分:0)

您可以使用隐藏视频标记的控件属性来完成此操作 如果您提到它,则表示它显示控制栏

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

或者您可以将其值设置为false