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播放器来播放...

HTML5-音频audio和视频video标签

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

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

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

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

*****第五类标记:表格*****    标题      序号1  序号2        你好  你好2       ...

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

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

HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频

HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频 语法1 属性值描述规定是否预加载音频。可能的 load 值: auto – 当页面加载后载入整个音频 met...
  • babybk
  • babybk
  • 2016-05-05 19:05
  • 4452

HTML5<audio>标签--音频播放全解析

HTML5开启了一个新时代,因为它让浏览器本身变得不那么被动,audio api就是一个典型的列子,在Html5还没确定之前,如果想要在听音乐看视频唯一的办法就是用flash 意思是当你没有给浏览器装...

html5 音频和视频(audio And video)

html5 音频和视频(audio And video)http://www.cnblogs.com/shizhouyu/p/4845989.html 1、音频和...

HTML5-音频和视频

音频和视频基本使用只有在浏览器使用video和audio就可以开始使用了 当浏览器不支持时可以在标签之间使用其他替代的媒体方案source使用source可以指定多个资源,但是video和audio...

HTML5视频播放器<video>和音频播放器<audio>用法

HTML5里引入的新标记  和  实现了HTML对视频播放和音频播放的原生支持,有了这种原生的HTML5视频播放器/音频播放器,我们不再需要flash技术,而直接能将视频/音频嵌入到了网页中。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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