移动端添加视频与音频及尺寸自适应

1、视频尺寸自适应：
视频代码添加以下样式：

height: auto;width: 100%;display: block;

width设置100%，就能达到自适应的效果了，而display:block避免了出现滚动条的情况。

2、添加视频且兼容各浏览器（目前只支持ogg、mp4、webm三种格式，可同时用3种格式，便于各浏览器兼容，默认播放第一个可识别格式）

<video width="320" height="240" controls autoplay><source src="movie.ogg" type="video/ogg">//格式一<source src="movie.mp4" type="video/mp4">//格式二<source src="movie.webm" type="video/webm">//格式三  <object data="movie.mp4" width="320" height="240"><embed width="320" height="240" src="movie.swf">//格式四</object>此处是供不支持 video 元素的浏览器显示的
</video>

参数说明：

3、添加音频且兼容各浏览器（音频格式目前只支持ogg、mp3、wav三种格式，可同时用3种格式，便于各浏览器兼容，默认播放第一个可识别格式）

<audio preload="auto" controls><source src="audio/BlueDucks_FourFlossFiveSix.mp3"><source src="audio/BlueDucks_FourFlossFiveSix.ogg"><source src="audio/BlueDucks_FourFlossFiveSix.wav">亲！您的浏览器不支持该标签。
</audio>

参数说明：

移动端添加视频与音频及尺寸自适应相关推荐

信创办公–基于WPS的PPT最佳实践系列（向演示文稿添加视频和音频）
信创办公–基于WPS的PPT最佳实践系列 (向演示文稿添加视频和音频) 目录应用背景操作步骤 1.插入音频 2.使音频应用所有幻灯片.循环播放.播放时隐藏 3.裁剪音频 4.插入视频 5.裁剪视频 ...
Premiere使用教程（五）视频导出及添加视频、音频过渡
1.视频导出选中序列中的素材,文件-导出,或者Ctrl + M 导出设置 1)格式,可以选择导出不同的格式,常用的格式有:AVI.GIF.H.264(蓝光).JPEG.MP3.MPEG4.PNG.Q ...
java添加声音文件_Java 添加视频、音频到PPT幻灯片
import com.spire.presentation.*; import java.awt.*; public class AddVideoAudio { public static void ...
C# winfrom NPOI导出Excel 添加视频、音频文件
NPOI是一个开源的C#读写Excel.WORD等微软OLE2组件的项目,使用NPOI你就可以在没有安装Office或者相应的机器上对WORD/EXCEL文件档进行读写. 下载 (项目是以解决方案模式 ...
Java 添加音频到ppt_Java 添加、读取以及删除PPT幻灯片中的视频、音频文件
在PPT中,可以操作很多种元素,如形状.图形.文字.图片.表格等,也可以插入视频或者音频文件,来丰富幻灯片的内容呈现方式.下面将介绍在Java程序中如何来添加视频.音频文件到PPT幻灯片,读取和删除幻 ...
Java 添加、读取、删除PPT幻灯片中的视频、音频文件
概述及程序环境在PPT中,可以操作很多种元素,如形状.图形.文字.图片.表格等,也可以插入视频或者音频文件,来丰富幻灯片的内容呈现方式.下面将介绍在Java程序中如何来添加视频.音频文件到PPT幻灯 ...
侃谈移动端音视频发展与现状
一.引言自IOS和Andoid两个智能移动终端问世以来,移动互联网产业得到了飞速的发展,并改变了原有的互联网格局.音视频在移动互联网的发展历程中,作为展示内容最直接的媒介,有着举足轻重的作用,4G时 ...
ios视频和音频采集
ios视频和音频采集以及预览本文将说明如何用ios做视频和音频的采集,以及预览,预览采用的是系统自带的AVCaptureVideoPreviewLayer和UIView,视频采集用AVCapture ...
html怎么添加音乐改大小,给视频添加背景音乐或者更换音频ppt添加视频文件幻灯片尺寸设置...
运行ppt添加视频时需要设置office powerpoint幻灯片页面,我们知道ppt菜单栏"设计"-"页面设置"是以厘米计算的,比如你的视频尺寸(视频分辨率 ...

移动端添加视频与音频及尺寸自适应

移动端添加视频与音频及尺寸自适应相关推荐

最新文章

热门文章