HTML5新增标签2,视频,音频,调节颜色

原创 2015年11月18日 21:53:56
<span style="font-size:18px;"><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5</title>
<script src="js/jquery.js">
</script>
<script type="text/jscript">
$(document).ready(function(e) {
        $('input').change(function(e){
var red=$('#red').val();
var green=$('#green').val();
var blue=$('#blue').val(); 
//当前修改的值
var value=$(this).val();
$(this).next().html(value);

//设置背景的rgb颜色
$('body').css('background-color','rgb('+red+','+green+','+blue+')');
});
    });
</script>
</head></span>
<span style="font-size:18px;"></span><pre name="code" class="html"><body>
背景颜色调节:<br/>
红色:<input type="range" id="red" min="0" max="255" value="255"><span>255</span><br>
绿色:<input type="range" id="green" min="0" max="255" value="255"><span>255</span><br>
蓝色:<input type="range" id="blue" min="0" max="255" value="255"><span>255</span><br>
<hr>
音频播放器:<br/>
<audio src="music.mp3" autoplay="autoplay" controls></audio>
<hr>
视频播放器:<br/>
<video autoplay controls>
<source src="viedo.wmv">
</video>
</body>
</html>
<span style="color:#ff0000;">注意:部分浏览器不支持HTML5,代码全部手打经过测试。</span>





版权声明:本文为博主原创文章,未经博主允许不得转载。

说说如何使用 HTML5 嵌入音频和视频(媒体标签)

HTML5 使用 audio 和 video 元素来嵌入音频和视频内容。另外还提供了与这两个标签相关的 JavaScript API,这样就可以创建我们自己的音视频控件咯: ...
  • deniro_li
  • deniro_li
  • 2017年07月25日 15:28
  • 1037

HTML5新增的标签和属性归纳

收集总结的HTML5的新特性,基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法 不同之处:开头的 字符编码变得简洁, 不区分大小写...
  • garvisjack
  • garvisjack
  • 2017年01月27日 11:21
  • 6851

HTML5新增标签最有用的总结

HTML5新增标签:概要1. HTML5 简介: (HTML5 是目前-2017年来说,是最新的一代HTML标准)2. HTML5 一些新的规则: 新特性应该基于 HTML、CSS、DOM 以及...
  • AndyNikolas
  • AndyNikolas
  • 2017年02月06日 16:50
  • 3708

html5篇——音频/视频

这一篇介绍html5中音频和视频媒体播放元素。 以前我们要在网页上显示音频和视频,都是借助的插件(比如flash),现在html5推出了和标签来添加音频和视频。...
  • u010556394
  • u010556394
  • 2016年03月17日 17:43
  • 885

html5中新增的一些语义化标签

用于对网站或应用程序中页面上的内容进行分块。通常由内容及其标题组成。 代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。当我们描述一件具体的事物的时候,通常使用article来...
  • RanQi2016
  • RanQi2016
  • 2016年08月12日 13:58
  • 1226

HTML5实现音频和视频嵌入

简介 HTML5未出来之前,在线的音频和视频都是借助Flash或者第三方工具实现的,现在HTML5也支持了这方面的功能。在一个支持HTML5的浏览器中,不需要安装任何插件就能播放音频和视频。原生...
  • zuosixiaonengshou
  • zuosixiaonengshou
  • 2017年05月07日 23:56
  • 1629

HTML5中的视频音频使用详解

一、video1.1 video支持视频格式 常见的视频格式视频的组成部分:画面、音频、编码格式 视频编码:H.264、Theora、VP8(google开源) HTML5支持的视频格式:Ogg 带...
  • jingguanliuye
  • jingguanliuye
  • 2016年12月30日 17:55
  • 1206

HTML5 新增结构标签(元素)

本着学习并记录的态度,把看过的记录记录,为自己回顾用,和新人踩坑用。 注意:h5新标签用兼容性问题,不过现代浏览器基本可以不用考虑这个兼容性了。 HTML5新增主结构元素和非主结构元素...
  • u010427666
  • u010427666
  • 2016年10月16日 23:38
  • 417

HTML标签之音频、视频标签

在HTML5中新提出的标签:、有效地代替了部分Flash。
  • h15882065951
  • h15882065951
  • 2017年02月07日 16:50
  • 562

HTML5 新增标签 及 不再使用标签

一  、HTML5 新增标签   1、
  • vuturn
  • vuturn
  • 2015年04月07日 15:10
  • 1920
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5新增标签2,视频,音频,调节颜色
举报原因:
原因补充:

(最多只允许输入30个字)