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>





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

直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法

 虽然我的mp4格式的视频 还是没播放起来 但觉得 这些 还是很有参考价值的 支持低版本IE的html5播放器演示 点我查看演示页面 通常人们习惯用swf播放器来播放...

解决chromium对html5 标签的 mp3 等视频音频网页的兼容性问题

webkit内核的兼容性问题,如果是真正的webkit内核代码的问题,这样的问题很少,如果存在,chrome一定也存在这类问题,这类问题一般从webkit升级的代码中解决;还有一类问题是比较常见的,就...

HTML5-音频audio和视频video标签

1、音频标签audio 直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 a...
  • xsc_c
  • xsc_c
  • 2013年08月15日 16:22
  • 3028

HTML5学习笔记第一节(智能提示和视频音频标签)

简介 -------------------------------------------------------------------------------------------------...

解决chromium对html5 标签的 mp3 等视频音频网页的兼容性问题

webkit内核的兼容性问题,如果是真正的webkit内核代码的问题,这样的问题很少,如果存在,chrome一定也存在这类问题,这类问题一般从webkit升级的代码中解决;还有一类问题是比较常见的,就...

html5 [2] ~之 音频视频

以前的音频, 视频。怕编码错误就用了flash  ~

在 Windows Server 2008 (R2)上的IE9不支持HTML5 视频与音频解决办法

IE9 Not Support HTML5 Video And Audio on Windows Server 2008 (R2) 原文链接: http://www.mydigitallife.in...

html5常用标签 body部分(2)包括 表格、图片、链接、视频、表单、以及其他html5新增

*****第五类标记:表格*****    标题      序号1  序号2        你好  你好2        制表人:万云华        *...

不同浏览器对于html5 audio标签和音频格式的兼容性

不同浏览器对于html5 audio标签和音频格式的兼容性 音频格式 Chrome Firefox IE9 Opera Safari ...

(转)不同浏览器对于HTML5 audio标签和音频格式的兼容性

原地址:http://www.cnblogs.com/linn/p/3408515.html 音频格式 Chrome Firefox IE9 Opera Safari O...
  • duyiqun
  • duyiqun
  • 2016年12月24日 16:48
  • 483
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5新增标签2,视频,音频,调节颜色
举报原因:
原因补充:

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