html手机视频全屏播放

html-css024

html手机视频全屏播放,第1张

现在手机屏幕大小众多，你要是根据px来设置宽度来让手机页面全屏的话，那肯定是无法实现的。手机页面的实现，宽度一定是要用百分比的。至于高度自己酌情来设定，全屏的话用100%，不论任何大小屏幕的手机打开都是全屏的。PS:如果是触屏手机，<head></head>里面加上<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />，可以防止双击屏幕的时候页面放大问题。

现在手机浏览器都支持html5，所以插入音频/视频的话，可以用html5标签，音频用audio标签，视频用video标签。

示例代码如下：

音频

<audio src="song.ogg" controls="controls"></audio>

视频

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

1. 首先第一步打开手机浏览器。根据下图箭头所指，小编以【百度】为例。

2. 第二步打开软件后，根据下图箭头所指，找到想要下载的视频。

3. 第三步根据下图箭头所指，点击右侧【...】图标。

4. 第四步在弹出的菜单栏中，根据下图箭头所指，点击【复制链接】图标。

5. 第五步退回桌面，根据下图箭头所指，找到并点击【一键去水印】图标。

6. 第六步打开软件后，根据下图箭头所指，点击【提取视频】选项。

7. 第七步在弹出的窗口中，根据下图箭头所指，点击【打开】选项。

8. 最后成功提取视频，根据下图箭头所指，点击底部【保存到相册】即可。

以上就是如何将手机浏览器网页视频下载到相册的方法。