video加载外挂的vtt字幕文件，如何设置拼音的样式？

Question

h5中的<ruby>标签可以用来给汉字加上拼音。使用<video>标签播放视频时，可以使用vtt格式的字幕文件webvtt也支持<ruby>标签的使用如何设置才能让拼音出现在文字的上方，且一一对齐。就想上图中网页的效果一样？

Answer 1

正常的rt样式就是在上面的吧，是不是你的代码里设置了啥样式

Answer 2

你这个感觉是没有支持ruby标签的情况，你用

<ruby>你<rp>(</rp><rt>ni</rt><rp>)</rp><ruby>

是一下呢？如果显示出了括号内容，表明你的浏览器没有支持ruby标签的。