HTML5 视频元素 - 替代文本

【问题标题】：HTML5 video element — alternative textHTML5 视频元素 - 替代文本
【发布时间】：2015-08-20 22:08:39
【问题描述】：

与img 元素不同，video 元素不包含用于丢失或无法访问内容的alt 属性。在我看来，视频比不起眼的图片更有可能导致加载或可访问性问题。

W3C Document 中的注释没有明确说明一个简单的替代方案。

是否有推荐的程序来提供合适的替代文本，或者说是抄本的链接？

【问题讨论】：

您是否考虑过将 ARIA 属性添加到内容，并使用 javascript 处理程序来捕获任何加载错误

标签： html html5-video

【解决方案1】：

正如您所指出的，标签<video> 没有alt 属性。

我有两个想法可以至少部分满足这种需求。

1) 在<video>标签内添加一个段落

<video>
  <source src="my-video-path.mp4" type="video/mp4">
  <p>Description of the video...</p>
</video>

2) 添加schema data

<video itemtype="http://schema.org/VideoObject">
    <source src="my-video-path.mp4" type="video/mp4">
    <meta itemprop="name" content="Name of the video">
    <meta itemprop="description" content="Description of the video...">
    <meta itemprop="duration" content="PT1M33S">
    <meta itemprop="thumbnail" content="my-video-thumbnail-path.jpg">
</video>

【讨论】：