html5全屏播放,网页如何全屏播放

HTML5网页如何在电脑端和手机端都全屏显示？

HTML5网页在电脑端和手机端都全屏显示的步骤如下：

1、打开HTML5网页代码。

2、在网页头部加上新代码，让网页的宽度自适应设备的宽度。代码如下：

meta name="viewport" content="width=device-width

initial-scale=1.0

maximum-scale=1.0

minimum-scale=1.0

user-scalable=no" /

3、在输入代码完成后，把图片包括图片DIV 的宽度设置成百分之百即可。

相关问答

Q1: 如何让WebView中的Html5 Video全屏播放

用JS。

在页面加载完成后 获取浏览器高度以及宽度，再设置VIDEO元素高度宽度即可。

script type="text/javascript"

function resizeBody() {

var bodyHeight = document.documentElement.clientHeight;

$("#Flash1").height(bodyHeight + "px");

$("body").height(bodyHeight + "px");

}

$(function () {

resizeBody();

});

/script

1

body style=" width:100%; height:100%;" onresize="resizeBody()"

Q2: HTML5播放器怎么双击全屏

requestFullScreen。这是html5里面一个比较新的API。不同浏览器存在不同的方法前缀。需要区分。

可以对整个document进行全屏，或对某个元素全屏（比如vidio控件）

通常浏览器都会预先进行询问，比如弹出浮层让用户确认是否要全屏。只有用户确认全屏，你的全屏操作才会生效。

建议百度或google搜过关键字：html5 requestFullScreen

Q3: HTML5播放器怎么双击全屏？

requestFullScreen。这是html5里面一个比较新的API。不同浏览器存在不同的方法前缀。需要区分。

可以对整个document进行全屏，或对某个元素全屏（比如vidio控件）

通常浏览器都会预先进行询问，比如弹出浮层让用户确认是否要全屏。只有用户确认全屏，你的全屏操作才会生效。

HTML5是近十年来Web标准最巨大的飞跃。HTML5并非仅仅用来表示Web内容，它也将Web带入一个成熟的应用平台，在这个平台上，视频，音频，动画，以及同电脑的交互都被标准化。随着HTML5的发展，各个浏览器都已经或即将支持HTML5。在大潮流的推动下，微软也表示将把HTML5作为IE9的核心，并将全力投入HTML5。

很多平时最喜欢上网看视频、玩游戏的朋友经常抱怨不爽，因为网上好多视频和游戏都需要安装Flash插件，并且速度也跟不上！HTML5的出现解决了这一难题。HTML5提供了音频视频的标准接口，实现了无需任何插件支持，只需浏览器支持相应的HTML5标签。怪不得都说HTML5是Flash的终结者！Safari5、Firefox4和Chrome6等浏览器加入了HTML5技术，可以免除Flash插件的安装直接播放视频 ！