如何删除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>