gpt4 book ai didi

css - 如何在 Internet Explorer 中设置 WebVTT 隐藏式字幕的样式?

转载 作者:行者123 更新时间:2023-11-28 02:49:36 26 4
gpt4 key购买 nike

有没有人在 IE10/11 HTML5 视频元素中成功设置 WebVTT 隐藏式字幕样式?

我可以在 Safari/Chrome/FF 等中使用::cue CSS 选择器设置标题样式。但它似乎对 IE 中的同一元素没有影响。

默认的 IE 标题样式是白色文本后面有一个微小的黑色文本阴影(在某些颜色上不是最明显的),但我希望它像其他浏览器一样在文本后面有一个略微透明的灰色背景。

谢谢,

山姆

最佳答案

您是否查看过该网站? https://blogs.msdn.microsoft.com/mediastuff/2014/03/05/closed-captioning-its-not-just-for-accessibility-texttrack-in-html5-video/

它讨论了在您的 html 中添加一个轨道 ID 元素

<!DOCTYPE html>
<html>
<head>
<title>Simple track example</title>
</head>
<body>
<video id="video1" controls autoplay>
<source src="http://ie.microsoft.com/testdrive/Videos/BehindIE9ModernWebStandards/Video.mp4" >
<track id='track1' label='English captions' src="entrack.vtt" kind='subtitles' srclang='en' default >
</video>

</body>
</html>

关于css - 如何在 Internet Explorer 中设置 WebVTT 隐藏式字幕的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39919889/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com