HTML5视频元素 - 替代文字

时间:2015-08-20 22:08:40

标签: html5 html5-video

img元素不同,video元素不包含缺失或无法访问的内容的alt属性。在我看来,视频比简陋的图像更容易导致加载或可访问性问题。

W3C Document中的注释不能说明一个简单的替代方案。

是否有建议的程序来提供合适的替代文字,或者说是成绩单的链接?

1 个答案:

答案 0 :(得分:0)

正如您所指出的,标签<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>