如何在html中插入视频
2024-08-24 15:13:23
1,插入优酷视频:
在优酷分享界面有个html代码,直接复制放入body中,定义div的align居中即可
2.插入本地视频:用video属性 用mp4格式
<video>标签的属性
- src :视频的属性
- poster:视频封面,没有播放时显示的图片
- preload:预加载
- autoplay:自动播放
- loop:循环播放
- controls:浏览器自带的控制条
- width:视频宽度
- height:视频高度
- <div style="width: 770px; height:397px; margin: 0 auto;">
<video width="770px" height="397px" controls>
<source src="img/v1_verna.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="FILE_NAME.ogv" type="video/ogg" />
<object width="770px" height="397px;" type="application/x-shockwave-flash" data="FILE_NAME.swf">
<param name="movie" value="FILE_NAME.swf" />
<param name="flashvars"
value="controlbar=over&image=PLACEHOLDER_FILE_NAME.jpg&file=FILE_NAME.mp4"
/>
<img src="img/QQ截图20161008155240.png" width="770px" height="397px" alt="ALT_HERE" title="TITLE_HERE" />
</object>
</video>
</div>
最新文章
- Entity Framework 6 Recipes 2nd Edition(10-4)译 ->; 从存储过程返回一个复杂类型
- Python urllib2 调试
- 关于ps中的锯齿
- Oracle RAC asm常用命令
- win8安装SQL Server2008企业版
- SQL server 2014安装以及解决连接数据库失败问题
- NHibernate系列文章十五:NHibernate组件
- XE6 FMX之控件绘制与显示
- centos 下 django 1.8 配置好后 admin 后台无法显示 样式解决办法
- HDU4614 Vases and Flowers 二分+线段树
- JavaScript的深度克隆
- 【Unity Shaders】使用Unity Render Textures实现画面特效——画面特效中的亮度、饱和度和对照度
- Button标签自动刷新问题
- ES6中的Promise用法
- GLSL Versions和GLSL ES Versions 对比
- [LSGDOJ 1299]搭配买卖
- C# 8中的范围类型(Range Type)
- wcf生成客户端代理类步骤及语句
- 向jsp中引入公共文件
- WebDriverAPI(10)