html5视频字幕位置+全屏

时间:2014-09-11 18:33:53

标签: html5 video position fullscreen subtitle

我想同时制作包含多个文字的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) 谢谢你的帮助

1 个答案:

答案 0 :(得分:0)

为什么不尝试使用视口单元(vw,vh)来获取字幕的字体大小,以及this might help you以获取有关定位的更多详细信息。