HTML连载8-video标签
一、video标签
1.作用：播放视频
2.格式：<video src="视频地址“></video>
3.可添加的属性：
（1）autoplay="autoplay"代表可以在页面中自动播放，不可被用户中断
（2）controls="controls”用于显示视频的控制条
（3）poster="地址“用于播放视频之前显示什么东西（图片）
（4）loop="loop"循环播放该视频（一般广告就是这么放上去的）
（5）preload=预加载视频（演示的为本地视频视频，所以在这里演示不了）注意：preload与autoplay相冲突。
（6）muted=”muted“静音选项
（7）width、height属性，用于设置视频框的大小。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>d52_vidoe_labelz</title>
</head>
<body>
<video src="神秘巨星.mp4" controls="controls" poster="image/play_tennis.jpg" height="500px" width="600px">华盛顿邮报</video>
</body>
</html>
<!--autoplay="autoplay" loop="loop" preload="preload"-->
二、源码
d52_vidoe_label1
地址：https://github.com/ruigege66/HTML_learning/blob/master/d52_vidoe_label1
2.CSDN：https://blog.csdn.net/weixin_44630050（心悦君兮君不知-睿）
3.简书：https://www.jianshu.com/u/a9169ca4f1c9（心悦君兮君不知dqr）
4.欢迎关注微信公众号：傅里叶变换
HTML连载8-video标签的更多相关文章
- HTML5 audio与video标签实现视频播放，音频播放
随着互联网的飞速发展以及HTML5的应用,越来越多的项目中用到video,audio当常用标签. <audio> 标签属性 <audio src="song.mp3&quo ...
- 巧用transform实现HTML5 video标签视频比例拉伸
前言 原文地址 曾几何时,项目中有碰到视频比例拉伸的需求,但是发现这个看似再普通不过的一个需求,找遍全网至今都没有找到解决方法.因为强制给video标签设置width和height的话只会将video ...
- HTML5 Audio/Video 标签,属性,方法,事件汇总
HTML5 Audio/Video 标签,属性,方法,事件汇总 (转) 2011-06-28 13:16:48 <audio> 标签属性:src:音乐的URLpreload:预加载au ...
- HTML5 video标签播放视频下载原理
HTML5 video https://github.com/remy/html5demos/blob/master/demos/video.html <video preload=" ...
- HTML5的Video标签的属性,方法和事件汇总
<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...
- video标签的属性和方法总结
最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...
- 解决h5的video标签，android、ipad客户端播放正常，iphone客户端无法播放
在做html5时插入一个视频播放标签video后,测试时android.ipad客户端播放正常,唯独iphone自带浏览器无法播放. 解决办法: 判断用户所使用客户端访问h5页面时是iphone时,点 ...
- HTML 5 video 标签跨浏览器兼容
<video width="320" height="240" controls> <source src="movie.mp4 ...
- 微信video标签全屏无法退出bug 本文系转载
安卓(android)微信里面video播放视频,会被强制全屏,播放完毕后还有腾讯推荐的视频,非常讨厌..强制被全屏无法解决,但是视频播放完毕后退出播放器可以解决.方法就是视频播放完毕后,用音频aud ...
- 【HTML5 video】video标签的部分属性解析
转自:http://www.cnblogs.com/kiter/archive/2013/02/25/2932157.html 现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Th ...
随机推荐
- WPF 曲线图表控件（自制）（一）
原文:WPF 曲线图表控件(自制)(一) 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/koloumi/article/details/775092 ...
- 手把手教你安装QT集成开发环境（操作系统为ubuntu10.04，需要先安装build-essential和libncurses5-dev）
在安装QT集成开发工具包之前需要先安装build-essential和libncurses5-dev这两个开发工具和库,libncurses5-dev库是一个在Linux/Unix下广泛应用的图形函数 ...
- 大型项目使用Automake/Autoconf完成编译配置（标准的编译过程已经变成了简单的三部曲：configure/make/make install,）
使用过开源C/C++项目的同学们都知道,标准的编译过程已经变成了简单的三部曲:configure/make/make install, 使用起来很方便,不像平时自己写代码,要手写一堆复杂的Makefi ...
- 乞讨 间隔[a，b]在见面p^k*q*^m(k>m)中数号码
标题叙述性说明: 1<=a,b<=10^18,p,q他们是素数 2<=p,q<=10^9; 求在[a,b]内能够表示为 x*p^k*q^m k > m 的数的个 ...
- EPPlus简单使用
在使用之前需要在项目中添加对EEPULS.dll的引用 1,创建excel 2,创建sheet 3,添加内容 4,修改 5,保存 FileInfo newFile = new FileInfo(fil ...
- 写在程序猿的困惑（特别Java程序猿）入行一年，感觉我不知道接下来该怎么办才能不断进步的，寻求翼
入行了一年.感觉不知道接下来该怎么做才干继续进步了,求不吝赐教(V2EX) @kafka0102 :做技术能够学的东西太多了.仅仅是在不同的阶段做好不同的规划.要结合当前所做的事情去做更深入或广度的学 ...
- 离散时间信号常见函数的实现（matlab）
1. 单位样本序列 δ(n−n0)={1,n=n00,n≠n0 function [x, n] = impseq(n0, n1, n2) n = n1:n2; x = [n == n0]; 2. 单位 ...
- poj 1125 Stockbroker Grapevine（多源最短）
id=1125">链接:poj 1125 题意:输入n个经纪人,以及他们之间传播谣言所需的时间, 问从哪个人開始传播使得全部人知道所需时间最少.这个最少时间是多少 分析:由于谣言传播是 ...
- Git撤销对远程仓库的push&commit提交
撤销push 1. 执行 git log查看日志,获取需要回退的版本号 2. 执行 git reset –soft <版本号> ,如 git reset -soft 4f5e9a90ed ...
- C ++ 17 技术上已经完成，C ++ 20 也在路上（有路线图）
在前不久结束的冬季 ISO C ++标准会议(Kona)上,C ++ 17 宣布在技术上已完成,仅剩下一些 ISO 相关的繁文缛节,即将提交至最终的 ISO 投票表决.该会议由 Plum Hall 和 ...