我创建了静态 *.html5 文件并将其部署在 Wildfly 8.1.0 上。在里面我创建了带有 TTML 字幕的标签。当我在 IE Edge 中打开页面时,会呈现字幕,但未显示我的 css 设置。唯一有效的设置是区域。我怎样才能让我的风格发挥作用?这是我的字幕轨道的例子:
<?xml version="1.0" encoding="UTF-8"?>
<tt
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://www.w3.org/ns/ttml"
xmlns:ttp="http://www.w3.org/ns/ttml#parameter"
xmlns:tts="http://www.w3.org/ns/ttml#styling" ttp:timeBase="media" xml:lang="eng"
ttp:cellResolution="50 30">
<head>
<styling>
<style xml:id="spanStyle" tts:color="#000000" tts:backgroundColor="#00FF00" tts:fontSize="160%" tts:fontFamily="default"/>
<style xml:id="paragraphStyle" tts:textAlign="center"/>
</styling>
<layout>
<region xml:id="bottom" tts:origin="10% 10%" tts:extent="80% 80%" tts:displayAlign="after" />
</layout>
</head>
<body>
<div>
<p begin="00:00:00.000" xml:id="p0" end="00:00:03.000" style="paragraphStyle" region="bottom">
<span style="spanStyle">
Example subtitle
</span>
</p>
</div>
</body>
</tt>
谢谢!