在 HTML5 视频标签中使用属性的正确方法是什么 [重复]

Question

可能重复：
What does it mean in HTML 5 when an attribute is a boolean attribute?

所以我见过很多方法，看来这里的每个人都认为 w3schools 不值得信赖。

这个：

<video controls="controls" autoplay="autoplay">
...
</video>

或者这个：

<video controls autoplay>
...
</video>

甚至这个：

<video controls="true" autoplay="true">
...
</video>

真/假对我来说最有意义，但是，我见过的大多数在所有主要浏览器中都有效。

Answer 1

这些在 W3C Html5 规范中被称为布尔属性，它 建议布尔属性的存在使其为真，而不存在则使其为假，如下所示：

<video controls autoplay>

但它也提到这可以等效地写成：

<video controls=controls autoplay=autoplay> (values can be quoted also) or
<video controls="" autoplay="">

但具体禁止将“true”或“false”作为属性值：

The values "true" and "false" are not allowed on boolean attributes.

另请参阅 http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#the-video-element 和 http://www.w3.org/2010/05/video/mediaevents.html 了解视频标签规范以及 Html5 媒体 API 和事件。