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