移动端:
<meta name="screen-orientation" content="portrait">
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="x5-fullscreen" content="true">
<meta name="full-screen" content="yes" />
或
<video src="/i/movie.ogg" width="320" height="240" controls="controls">
</video>
1,control 属性供添加播放、暂停和音量控件
<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的
2,当前,video 元素支持三种视频格式:
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件(IE、Safari不支持)
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件(Firefox、Opera不支持)
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件(IE、Safari不支持)
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式
3,<video> 标签的属性:
属性 值 描述
autoplay autoplay 视频在就绪后马上播放。
controls controls 向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
width pixels 设置视频播放器的宽度。
loop loop 当媒介文件完成播放后再次开始播放。
preload preload 视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的视频的 URL。
--------------------
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
属性:
width :viewport的宽度
height :viewport的高度
initial-scale :初始的缩放比例
minimum-scale : 允许用户缩放到的最小比例
maximum-scale : 允许用户缩放到的最大比例
user-scalable : 用户是否可以手动缩放
网友评论