Html 是否可以为视频海报添加alt属性?
我可以为HTML5中用作海报的图像添加alt信息吗Html 是否可以为视频海报添加alt属性?,html,video,Html,Video,我可以为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> 您的浏览器不支
<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>
您的浏览器不支持视频标记。
仅仅因为它是一个图像,并不意味着它会表现得像一个
很遗憾,您的浏览器太旧了。
另一方面,如果您试图这样做,以使屏幕阅读器能够理解那里显示的内容;那你就麻烦多了,因为他们通常比大多数搜索引擎都聪明,而且经常会在光标下阅读文本。上述方法不起作用,因为根本不会显示
。我对屏幕阅读器的了解还不够,无法进一步帮助您。对于的视频,我们也有同样的问题-虽然这些视频听起来不太好,但我们希望为视力受损的用户或使用旧浏览器(不支持html 5
标记)的用户描述视频。
让视频变得可访问的另一个好处是,你得到了额外的SEO提升,因为谷歌不能抓取视频,但肯定可以抓取我们添加到HTML中的额外可访问文本
底线/TLDR-虽然alt
属性已经出现并广泛用于图像,但似乎没有一个与视频相同的本地属性。原因是,如果你感兴趣的话,但我觉得它不够强大,不能错过为那些根本无法观看视频的人提供一个简单标签的所有好处
我们有什么?
函数showTranscript(){
var x=document.getElementById('transcript');
//var toggle=document.getElementById('trans_toggle');
如果(x.style.display==“无”| |!x.style.display){
x、 style.display=“block”;
this.text=“隐藏成绩单”
}否则{
x、 style.display=“无”;
this.text=“参见记录”
}
}
document.addEventListener(“DOMContentLoaded”),函数(事件){
var toggle=document.getElementById('trans_toggle');
toggle.onclick=function(){
showTranscript();
};
});代码>
#记录{
显示:无;
}
我的视频的标题()
视频记录:此处记录
如果您想要为无法播放视频的设备提供描述性内容,那么您应该将其放在现在显示“您的浏览器不支持视频标签”的位置(这只是一个很好的老白痴“您的浏览器不支持帧”的模拟,这也几乎没有任何意义。)
<video poster='image.png'>
<source .../>
<img src='image.png' alt='Image showing a cute cat' />
Unfortunately your browser is too old.
</video>