html5 中简单视频音频制作---新添h5属性
2017-11-12 13:49
429 查看
//视频制作
<body>
<video style="width: 1000px; height:500px;" controls="" autoplay="">
<source src="img/xiaoniao.mp4"></source>
</video>
</body>
//制作音频
<body>
<video style="width: 1000px; height: 500px;" controls="" src="movie/xiaoniao.mp4">
</video>
</body>
//新添加属性小案例
<fieldset>
<legend >完善个人资料</legend><br />
<label for="" style="margin-left: 5px;"><span>欢迎注册</span></label>
<label for="" style="float: right;"><span>已注册可<a href="#" style="text-decoration: none;color: red;">直接登录</a></span></label>
<label for=""><input type="text" name="text" placeholder="输入用户名" class="i"/></label>
<label for=""><input type="password" name="password" placeholder="输入密码" class="i"/></label>
<label for=""><input type="time" name="time" class="i"/></label>
<label for=""><input type="date" name="date" class="i"/></label>
<label for=""><input type="email" name="password" placeholder="输入邮箱地址" class="i"/></label>
<label for=""><input type="tel" name="tel" placeholder="输入电话号码" class="i"/></label>
<label for=""><input type="number" name="number"step="100" class="i" /></label>
<label for="">
<input type="text" list="car" placeholder="请输入选购车辆名称" class="i"/>
<datalist id="car">
<option>奔驰</option>
<option>宝马</option>
<option>奥迪</option>
<option>凯迪拉克</option>
<option>宾利</option>
</datalist>
</label>
<label for="">
选购颜色:
<input type="color" name="color" class="i"/></label>
<label for="">
<input type="checkbox" name="checkbox" />
我已阅读并接受<a href="#" style="text-decoration: none;">《4s店服务条约》</a>与<a href="#" style="text-decoration: none;">《隐私条约》</a>
</label>
<label for=""><input type="submit" name="submit" value="提交" class="i"/></label>
<embed style="height: 50px; width: 1000px; margin: auto;" src="music/qqq.mp3"></embed>
</fieldset>
<body>
<video style="width: 1000px; height:500px;" controls="" autoplay="">
<source src="img/xiaoniao.mp4"></source>
</video>
</body>
//制作音频
<body>
<video style="width: 1000px; height: 500px;" controls="" src="movie/xiaoniao.mp4">
</video>
</body>
//新添加属性小案例
<fieldset>
<legend >完善个人资料</legend><br />
<label for="" style="margin-left: 5px;"><span>欢迎注册</span></label>
<label for="" style="float: right;"><span>已注册可<a href="#" style="text-decoration: none;color: red;">直接登录</a></span></label>
<label for=""><input type="text" name="text" placeholder="输入用户名" class="i"/></label>
<label for=""><input type="password" name="password" placeholder="输入密码" class="i"/></label>
<label for=""><input type="time" name="time" class="i"/></label>
<label for=""><input type="date" name="date" class="i"/></label>
<label for=""><input type="email" name="password" placeholder="输入邮箱地址" class="i"/></label>
<label for=""><input type="tel" name="tel" placeholder="输入电话号码" class="i"/></label>
<label for=""><input type="number" name="number"step="100" class="i" /></label>
<label for="">
<input type="text" list="car" placeholder="请输入选购车辆名称" class="i"/>
<datalist id="car">
<option>奔驰</option>
<option>宝马</option>
<option>奥迪</option>
<option>凯迪拉克</option>
<option>宾利</option>
</datalist>
</label>
<label for="">
选购颜色:
<input type="color" name="color" class="i"/></label>
<label for="">
<input type="checkbox" name="checkbox" />
我已阅读并接受<a href="#" style="text-decoration: none;">《4s店服务条约》</a>与<a href="#" style="text-decoration: none;">《隐私条约》</a>
</label>
<label for=""><input type="submit" name="submit" value="提交" class="i"/></label>
<embed style="height: 50px; width: 1000px; margin: auto;" src="music/qqq.mp3"></embed>
</fieldset>
相关文章推荐
- H5新属性audio音频和 video视频的控制详解(controls)
- H5音频 视频 播放控件 及其属性用法
- Html5新属性audio音频和video视频的控制详解(controls)
- html5音频和视频相关属性和方法
- 第三讲 HTML5 视频播放事件属性及自己做的一个简单的html5的视频
- 制作简单的计算器,用到HTML5中的type=number这个input属性
- html5---音频视频播放
- HTML5学习之视频和音频
- HTML5与微信开发(2)-视频播放事件及API属性
- C#实现的一些音频,视频,简单动画效果
- HTML5视频标签全属性详解
- HTML5的音频和视频控件
- [H5]HTML5声明、标签、元素、属性、格式化简介
- 【HTML5】'data-'属性简单记录
- HTML5媒体(音频/视频)
- html5中的canvas属性一些简单例子
- iOS----简单实现视频音频的边下边播
- 2017传智黑马Web前端开发视频教程 HTML5 CSS3 h5 JS附全套源码,笔记,软件下载
- 移动端HTML5音频与视频问题及解决方案
- HTML5-音频和视频的处理