如何删除HTML5视频播放器导航按钮

Question

我正在使用HTML5视频播放器不断播放视频。除了鼠标光标在视频上移动后立即显示在视频屏幕最后一处的视频导航按钮外，一切都很好。我想删除或隐藏它，但没有得到如何做到这一点.. 以下是使用的视频的HTML ..

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

请帮我从最后删除导航栏..谢谢..

Answer 1

您可以通过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>