如何删除HTML5视频播放器导航按钮 [英] How to remove HTML5 video player navigation button

问题描述

我正在使用HTML5视频播放器连续播放视频.一切都很好，除了鼠标光标移到视频上方时，视频导航按钮显示在视频屏幕的最后.我想删除或隐藏它，但不知道如何做.. 这是所用视频的HTML.

I am using HTML5 video player to play video constantly.Every thing is fine except the video navigation button displaying at the last of the video screen as soon as the mouse cursor moves over the video. I want to remove or hide it but not getting how to do it .. Here is the HTML for the Video used..

<video id='video-player' autoplay="autoplay" loop  preload='metadata' controls>
<source src="Video/1.MP4" type="video/mp4">
</video>

请帮助我从最后一个..谢谢中删除导航栏.

Please help me to remove the navigation bar from the last ..Thanks..

推荐答案

您可以通过Java脚本禁用控件:

You can disabled controls via Javascript:

document.getElementById('video-player').controls = false

或者只是删除controls属性:

<video id='video-player' autoplay="autoplay" loop preload="metadata">
    <source src="Video/1.MP4" type="video/mp4">
</video>

这篇关于如何删除HTML5视频播放器导航按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！