H5：使用video标签在页面中插入视频

常用属性和值：

例：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style>#div1 {background-color: blanchedalmond;height: 10%;width: 100%;position: fixed;z-index: 5;}#div3 {background-color: cornflowerblue;text-align: center;height: 60%;width: 100%;}#ul{text-align: center;}ul li {display: inline;margin-right: 50px;}    #video1{width:500px;height:350px;object-fit: fill;}</style></head><body><div id="div1"><ul id="ul"><li><a href="">首页</a></li><li><a href="">返回</a></li><li><a href="">退出</a></li></ul></div><div id="div3"><video id="video1" autoplay="autoplay" loop="-1" muted="true" controls="controls"><source src="视频1.mp4" type="video/mp4" /></video></div></body>
</html>

这是使用video标签嵌入视频的一个简单例子。
video的详细用法可参考：video标签的用法

H5：使用video标签在页面中插入视频相关推荐

［视频相关1］页面中插入视频的方法---video/embed/iframe总结
1. video标签当前主流的方法当然是HTML5中的video标签了,但是当前,video 元素只支持三种视频格式: Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg ...
在ppt中插入html,PPT页面中插入浏览器方法 PPT中插入浏览器教程-PPT家园
如何在PPT页面中插入浏览器 2018-04-01 14:42 责任编辑:pptjia 导读 / PPT中自带有浏览器的控件,叫做"MicrosoftWebBrowser"(当然如 ...
HTML5中关于解决video标签禁止右键和下载视频的办法
近期做了一个关于在线文件管理的项目,类似网盘,基本功能包含用户.消息.项目.分享.文件提取.收藏.回收站等主要功能,领挖还有一些office.压缩包.图片.文本.音频和视频的预览功能. 音频我使用的是 ...
CSS3之利用选择器和content属性在页面中插入内容
CSS3之使用选择器在页面中插入内容 1. 使用选择器来插入内容:例, h2:before{ content:'COLUMN'; color:white: background-color:o ...
ppt中加载html,PPT页面中插入浏览器方法 PPT中插入浏览器教程-PPT家园
PPT中自带有浏览器的控件,叫做"Microsoft Web Browser"(当然如果你使用的是2010PPT版本的话,你的"开发工具"还需要在"自 ...
HTML中如何调整标签在页面中显示的位置
刚学html时,我们会用外边距margin调整标签在页面中的位置,但是在实际使用过程中,多个盒子可能会相互影响,导致调整的位置并不理想. 因此,我们可以通过调整标签的绝对位置来调整标签在页面中的位置, ...
IPhone微信H5用Video标签播放不了视频
H5用Video标签播放视频视频在安卓上可以正常播放,在苹果上却不能播放. 因为用了文件服务站点,而且不支持断点下载把文件服务改成支持断点下载即可断点下载参考(C#) 转载于:https://w ...
页面中插入word文档
一.页面中插入word文档 <!DOCTYPE html> <html><head><meta charset="utf-8">&l ...
html页面嵌入markdown,在页面中插入Markdown编辑器
前端在页面中插入Markdown编辑器: 1.官网下载:http://pandao.github.io/editor.md/ 2.你的html: Simple example - Editor.md ...

H5：使用video标签在页面中插入视频

H5：使用video标签在页面中插入视频相关推荐

最新文章

热门文章