如何在Cargo作品集网站中移除视频的播放控件？

你当前的问题根源很明确——代码里写了controls=""属性，这就是鼠标悬停时弹出播放控件的原因，先把这个属性删掉。

但仅删除这个属性还不够，部分浏览器可能仍会在鼠标交互时显示控件，需要补充CSS彻底让视频像GIF一样只循环播放，不出现任何操作控件。

调整后的HTML代码 #

<video width="670" height="376" src="https://files.cargocollective.com/c1633764/lastkiko.mp4" playsinline muted autoplay loop></video>

• 移除了多余的controls=""和无效的type="null"属性
• 保留的playsinline用于移动端内联播放，避免视频自动全屏；muted是浏览器允许自动播放的必需条件；autoplay和loop维持你需要的自动循环效果

补充CSS（防止控件残留） #

如果删除controls后仍有浏览器显示控件，添加以下CSS样式：

video {
  pointer-events: none; /* 让视频完全忽略鼠标操作，彻底阻止控件触发 */
  object-fit: cover; /* 可选，让视频适配容器比例，避免拉伸变形 */
}

如果需要视频支持点击跳转（比如链接到作品详情），可以给视频套一个<a>标签，仅给视频添加pointer-events: none，外层链接保留正常交互即可。

内容的提问来源于stack exchange，提问作者mel