【问题标题】: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>

【讨论】:

    猜你喜欢
    • 2015-03-11
    • 2011-06-12
    • 1970-01-01
    • 1970-01-01
    • 2013-08-05
    • 2014-01-12
    • 1970-01-01
    • 1970-01-01
    • 2015-10-24
    相关资源
    最近更新 更多