Web前端技术 · 第 6 课预测 · 验证 · 解释
代码实验

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" 不是规范的布尔属性取值写法,浏览器仍按属性存在处理。控件显示、媒体加载、自动播放是不同问题。没有可播放资源时,部分控件可能不可用,各浏览器的样式也可能不同。

观察位置:比较播放器区域内是否有原生操作控件,不把“显示控件”误判为“已有视频”。