你的显示文字div需要放在视频标签（video）外边才可以看到
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的通河网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
下边是显示文字div的css样式
.wenzi{
position: relative;
float: left;
top: 100px;
color: #f00;
width: 320px;
height: 30px;
text-align: center;
z-index:1;
}
设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下面代码：
html
head
style
#round{
width:400px;
height:200px;
}
#round p{
color:#f00; //设置字体颜色为红色；
}
/style
/head
body
div id="round"
p测试文字/p
/div
/body
/html
HTML5+CSS3布局的页面，汉字显示不出来是因为HTML代码中对全站字体显示做了设置，如下图：
行20、21的js语句对整体网页代码字体进行了调用设置，此时设置中文字体不会被识别，只需删除即可识别汉字。
phidden属性在html5中，只要存在，就是隐藏效果，而不论值为多少/p
p要显示元素，要删除hidden属性，而不是设置为false/p
script
type="text/javascript"
async="true"
function
qq_onclick(){
var
text_2=document.getElementById("text_1");
text_2.removeAttribute("hidden");
}
function
qq_close(){
var
text_1=document.getElementById("text_1");
text_1.setAttribute("hidden",true);
}
/script