html5 - html5视频字幕位置+全屏

Question

我想制作一个同时包含多个文本的HTML5视频。
文本应该以不同的css布局（文本颜色、字体、阴影）显示在视频的不同位置（同时）
我试过这个教程http://www.artandlogic.com/blog/2014/01/popcorn-popup-popup-videos-video-annotations-bring-me-back-to-data/
问题是我看不到全屏文本。文本大小也应该与视频大小相适应，因此如果视频是全屏的，文本应该更大。
是否有人有教程或例子，我可以这样做？
它应该可以在Chrome、Firefox、IE、Safari（iOS）等浏览器中运行
谢谢你的帮助

Answer 1

为什么不尝试使用viewport units（vw，vh）作为字幕的字体大小，并使用this might help you来获取有关定位的更多详细信息。