html square的作用,html里面的type标签square，怎么用？干吗的？

2024-06-02 11:51:05

匿名用户

1级

2017-05-10 回答

HTML5中的 video和audio这两个标签是HTML5中专门用来播放视频和音频资源的标签。video标签和audio标签也提供了很实用的JavaScript API，允许创建自定义的控件。这两个标签的用法我们通过下面这个示例来进行说明一下。

video标签和audio标签

video标签的使用

//使用video标签播放视频Kobe.mp4 其中controls控制是否要显示视频控件

使用video标签的API

你的破浏览器可以退休了，赶紧升级吧！

//通过HTML5中Video提供的API 可以自定义控件控制视频的播放

var video=document.getElementById("video");

//播放视频

function playVideo(){

video.play();

}

//停止视频

function stopVideo(){

video.pause();

}

//快进10秒

function forward(){

video.currentTime+=10;

}

//快退10秒

function back(){

video.currentTime-=10;

}

//静音

function shutup(obj){

if(video.muted){

video.muted=false;

obj.value="闭嘴";

}else{

video.muted=true;

obj.value="说话";

}

}

//加速x2

function fast(){

video.playbackRate=2; //默认播放速度为1

}

//减速x2

function slow(){

video.playbackRate=1/2;

}

//正常倍速

function normal(){

video.playbackRate=1;

}

//大声点

function up(){

video.volume+=0.1; //声音值的范围为0-1

}

//小声点

function down(){

video.volume-=0.1; //声音值的范围为0-1

}

//使用audeo标签播放音频wow.mp3 其中controls控制是否要显示视频控件，我们也可以和视频一样自定义控件来控制音频的播放，方法时类似的

audio标签的使用

你的破浏览器可以退休了，赶紧升级吧！

这些都是HTML5中新加入的一些新特性的使用方法。推荐你去一个叫做秒秒学的网站上去查找相关的课程资料。

html square的作用,html里面的type标签square，怎么用？干吗的？相关推荐

Android之解决webview加载第三方网页点击弹不出下拉框（html页面里面的select标签）
1 问题决webview加载第三方网页点击弹不出下拉框(html页面里面的select标签),我们访问youtube.com官网,点击网站的视频,点击视频右上角三个点设置,然后点击播放设置然后点 ...
div标签里面的a标签不能跳转
div标签里面的a标签不能跳转: 昨天在写代码,发现重复的代码点击事件居然不能实现,进一步研究,发现连a标签不能跳转了.. 经过昨天一晚上和今天,终于找到了解决办法,但是没有找到原因,想不通啊. 先看 ...
html5 里面的type=”search“ ,h5版，点击手机键盘上的 ‘搜索”，”前往“等按钮，进行搜索
效果图: 使用type="search " 会得到如下的效果. (PC端的效果): (手机端的效果):点击"搜索"的时候,可以进行查询. 去掉type=&quo ...
HTML里面的head标签中可以放入什么
HTML中 <head>标签里可以放入什么 1.<head> 标签用于定义文档的头部,它是所有头部元素的容器. 2.<head> 标签中的元素可以引用脚本.指示浏览 ...
将html里面的img标签拼上全路径
很久很久以前.公司在开发邮件发送的功能突然发现.富文本编辑器中的图片无法在邮件中显示出来.F12一看,原来图片的src是相对路径,并不是全路径.所以需要程序将html中的img标签中的src拼上域名. ...
持久层框架Mybatis Plus的ResultMap标签里的association标签的用法
加入公司差不多快四个月了,对目前手头上的工作内容基本已经熟悉了,现在要对我手头上的后台管理系统进行一个技术升级,后台管理系统前后端不分离,前端使用的是EXTJS框架,后端使用的事Struts2+spr ...
华为p30自带浏览器样式表命名为skin.css 里面的color样式不起作用
样式表命名为skin.css 华为p30自带浏览器里面的color 样式不起作用, 所以不能用skin命名样式表
自定义Button，复写里面的onKeyDown，不起作用
李刚的Android疯狂讲义真是"疯狂",浪费了3天时间,到底是他的代码有问题,还是怎么的不得而知. 问题描述:他的书里面第3.3基于回调事件处理Propagation的例程.是为 ...
c语言visit函数作用,[求助]二叉树遍历的程序里面的visit函数如何实现
[求助]二叉树遍历的程序里面的visit函数如何实现我在没懂的后面加注释希望大家指教 #include #include #define MAXSIZE 100 typedef struct bi ...

最新文章

热门文章