HTML5 video播放器全屏(fullScreen)方法实例.docx
版权申诉
127 浏览量
2022-10-26
16:00:19
上传
评论
收藏 30KB DOCX 举报
这篇文章主要介绍了 HTML5 video播放器全屏(fullScree方n)法实例,本文直接给出一个
完整代码实例,需要的朋友可以参考下
首先来说，这个标题具有误导性，但这样设置改标题也是主要因为video使用的比较多
在 html5中，全屏方法可以适用于很多 html 元素，不仅仅是 video
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title&全gt屏; 问题</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="imagetoolbar" content="no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<style type="text/css">
*{
}
background-color:#000;
}
body div.videobox video.video
{
}
:-webkit-full-screen {
}
}
}
:-o-fullscreen {
}
:full-screen {
}
评论0
最新资源