代码实验
controls 的关闭方式不是写 false
controls 是布尔属性,存在时请求显示浏览器原生播放控件;省略它才是不显示。本例故意不提供媒体资源,只比较控件的显示,不测试播放。
先判断
在支持 video 的浏览器中,下面哪种判断正确?
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>黄梅戏播放器控件</title>
</head>
<body>
<h1>黄梅戏唱段播放器</h1>
<video id="player" controls="false" width="280" height="160"></video>
<p>本例只比较控件显示,未设置视频文件。</p>
</body>
</html>
再改一个条件
展开答案与分析
B。HTML 布尔属性不把字符串 false 当成关闭开关;controls="false" 不是规范的布尔属性取值写法,浏览器仍按属性存在处理。控件显示、媒体加载、自动播放是不同问题。没有可播放资源时,部分控件可能不可用,各浏览器的样式也可能不同。
观察位置:比较播放器区域内是否有原生操作控件,不把“显示控件”误判为“已有视频”。