H5新属性audio音频和 video视频的控制

class为mute时,为播放按钮,没有mute时则放静音按钮。

$(‘.unmute‘).click(function() {
if ($(this).hasClass(‘mute‘)) {
video.muted = true;
}
else {
video.muted = false;
}
$(this).toggleClass(‘mute‘)
})

学习链接:https://www.cnblogs.com/caoyibo/articles/5685994.html

原文地址:https://www.cnblogs.com/studyh5/p/9801070.html

时间: 2024-07-31 11:17:53

H5新属性audio音频和 video视频的控制的相关文章

audio音频和video视频标签的使用

<!DOCTYPE html> <html> <head> <title></title> <script> var v=document.getElementsByTagName("video"); function clickV() { if(v.paused) { v.play(); } else { v.pause(); } } function clickBig() { v.width=1000px; v

h5新属性,可编辑的段落 contenteditable=“true”

HTML 5 全局 contenteditable 属性 HTML 5 全局属性 实例 一段可编辑的段落: <p contenteditable="true">这是一段可编辑的段落.请试着编辑该文本.</p> 亲自试一试 定义和用法 contenteditable 属性规定是否可编辑元素的内容. HTML 4.01 与 HTML 5 之间的差异 contenteditable 属性是 HTML5 中的新属性. 语法 <element contentedit

H5新属性 contenteditable

contenteditable 属性规定元素内容是否可编辑 <div contenteditable style="width: 100px;height:100px"></div> 给 div 设置了 contenteditable 属性后  该div 可以编辑内容 原文地址:https://www.cnblogs.com/lpp-11-15/p/11422313.html

h5新属性

<!DOCTYPE html> <html lang="en"> <head> <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta c

HTML5 Audio and Video 的新属性简介

前言:HTML5 中 Audio and Video的使用方法比较简单,但就是比较复杂,方法属性多.如果不常用的几乎难以记住,甚至有些人难以区分不同属性和方法的作用,更别说应用了.以下对Audio and Video的使用方法做了一个简单的总结,算是一个大致轮廓.至于具体的使用方法可以再网上查到,比较多就没总结. HTML5 Audio and Video 的优势 1.作为原生的浏览器支持,无需安装任何第三方插件 2.HTML5 规范提供了一套完整的多媒体脚本化控制的API,开发人员可以轻易的使

H5 新特性之全局属性一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!--<!DOCTYPE html>--><!--<html lang="en">--><!--<he

html5新媒体播放器标签video、audio 与embed、object

html5里的一些新的标签,看到里面object.embed.video.audio都可以添加视频或音频文件 embed是针对非IE的浏览器的媒体播放器 video是html5出的一种新标准,但并不是所有的浏览器都支持.video虽然号称可以支持三种媒体类型,但常用的只有mp4. 像object,和embed是都可以用来播放视频和音频,而且他们展示效果基本上一样的, 1. video.audio可以看我的另一篇文章https://www.cnblogs.com/jing-tian/p/10930

HTML video 视频标签全属性详解

HTML 5 video 视频标签全属性详解 现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.Chrome),支持H.264的(Safari.IE 9.Chrome),都不支持的(IE6.7.8).好吧,现在让我们从技术层面来认识HTML 5的视频,包括video标签的使用,视频对象可以用到的媒介属性和方法,以及媒介事件. Video标签的使用 Video标签含有src.poster.preloa

audio和vide多媒体新属性简介

前言:HTML5 中 Audio and Video的使用方法比较简单,但就是比较复杂,方法属性多.如果不常用的几乎难以记住,甚至有些人难以区分不同属性和方法的作用,更别说应用了.以下对 Audio and Video的使用方法做了一个简单的总结,算是一个大致轮廓.至于具体的使用方法可以再网上查到,比较多就没总结. HTML5 Audio and Video 的优势 1.作为原生的浏览器支持,无需安装任何第三方插件 2.HTML5 规范提供了一套完整的多媒体脚本化控制的API,开发人员可以轻易的