我可以为HTML5中用作海报的图像添加alt信息吗?
<video controls poster="/images/w3html5.gif">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Run Code Online (Sandbox Code Playgroud)
仅仅因为它是图像并不意味着它的行为就像标签一样<img>
。事实上,在这种情况下,它甚至不是一个标签,而且没有办法做到这一点。
嵌套<img>
在里面<video>
不会达到预期的效果,因为浏览器只有在根本不知道<video>
标签的情况下才会解释它(即旧浏览器),而这不是您要瞄准的人群。
你想在这里做什么?
如果您添加内容是alt
为了实现某种搜索引擎优化,那么您应该仅在搜索引擎实际上将其识别为合法文本以索引和识别相关图像的情况下才这样做。<img>
在这种情况下,在你的内部添加一个<video>
as可能是一个好主意:
<video poster='image.png'>
<source .../>
<img src='image.png' alt='Image showing a cute cat' />
Unfortunately your browser is too old.
</video>
Run Code Online (Sandbox Code Playgroud)
另一方面,如果您尝试执行此操作以使屏幕阅读器能够理解此处显示的内容;那么你就会遇到更多麻烦,因为它们通常比大多数搜索引擎更聪明,并且经常会读取光标下的文本。上面的方法行不通,因为<img>
根本不会显示。我对屏幕阅读器了解不够,无法为您提供进一步帮助。