audio标签与video标签的常用属性及方法

2023-10-26

一、常用的css属性

        1.src:用于指明video标签需要播放的音频的地址

                ——<audio sec = "音频地址"> </audio>

        2.autoplay:用于指明video标签是否需要自动播放音频

                ——<audio aotuplay = "aotuplay"> </audio>

        3.controls:用于指明video标签是否显示控制台

                ——<audio controls = "controls"> </audio>

        4.loop:用于设置video标签音频播放完毕之后是否循环播放

                ——<audio loop = "loop"></audio>

        5.preload:预加载音频(注意:preload和autoplay相冲,如果设置了autoplay属性,那么        preload属性就会失效)

                ——<audio preload = "preload"></audio>

        6.muted:让音频静音

                ——<audio muted = "muted"></audio>

二、js中常用的属性设置及方法(dom指代获取的标签对象)

1.dom.play(); //播放

2.dom.pause(); //暂停

3.dom.load(); //重新加载src指定的资源

4.dom.currentTime = value; //当前播放的位置,赋值可改变位置

5.dom.startTime; //一般为0,如果为流媒体或者不从0开始的资源,则不为0

6.dom.paused; //是否暂停

7.dom.playbackRate = value;//当前播放速度,设置后马上改变

8.dom.ended; //是否结束

9.dom.autoPlay; //是否自动播放

10.dom.loop; //是否循环播放

11.dom.currentSrc; //返回当前资源的URL

12.dom.src = value; //返回或设置当前资源的URL

13.dom.controls;//是否有默认控制条

14.dom.volume = value; //音量

15.dom.muted = value; //静音

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

audio标签与video标签的常用属性及方法 的相关文章

随机推荐

  • 解决:DevTools failed to load SourceMap:... net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题

    Google chrome开发人员控制台中一直报此错误 虽然只是一个警告 但是体验还是非常不好 先说解决方案 第一种 在Google chrome浏览器调试工具中 设置该调试工具 点开之后选择Settings 关闭此选项 虽然这种方式是隐藏
  • 小白的福音:零基础入门机器人操作系统ROS

    小小的机器人 如何运作 如何操作 作为一名程序员 你不想了解吗 今天就给大家解密 机器人操作系统ROS 今天分享的课程采用由浅入深 层层递进的讲解方式 让你0基础轻松入门ROS机器人操作系统 并利用ROS框架开发硬件驱动 课程亮点 1 课程
  • Numpy 实现全连接神经网络

    神经网络与深度学习实验报告 一 实验名称 Numpy 实现全连接神经网络 二 实验要求 用 python 的 numpy 模块实现全连接神经网络 网络结构为一个输入层 一个隐藏层 一个输出层 隐藏层的激活函数为 Relu 函数 输出层的激活
  • Qt系列文章之 QTabWidget

    上一篇文章介绍如何对QMessgeBox进行使用 本文紧接上文内容继续对Qt的窗体文件开发介绍 一般主界面会有很多控件和交互区域 如果把所有的控件都放在一个界面全部显示 整个界面就会显得非常臃肿繁琐 那么使用分页式的表格窗体布局就能将不同类
  • STM32 从APP跳入BootLoader问题

    在这次项目中 程序从APP跳入BootLoader主要遇到两个问题 做个记录 1 现象 跳入BootLoader后还没开始升级便重启 原因 APP程序中开启了独立看门狗 当跳入BootLoader时看门狗也继续计时 但并没有重新喂狗 因此导
  • uniapp开发日志

    bug 将Base64的编码解码看错 uniapp封装uni request方法 import utils from js utils js let debug false if process env NODE ENV developme
  • Advanced Computer Network Review(3)——BBR

    这是复习系列的第三篇 主要梳理BBR拥塞控制有关的一些要点 老师给出的复习要点如下 1 基于loss的拥塞控制存在什么问题 为什么 2 理解下面这张图 这篇文章的梳理部分参考了中科大郑烇老师 高级计算机网络 的相关部分 特此声明 一 基于l
  • windows命令行更改文件夹权限

    echo off rem windows命令行更改文件夹权限 Cacls命令使用格式如下 Cacls filename T E C G user perm R user P user perm D user Filename 显示访问控制列
  • Linux下如何查看分区文件系统类型

    1 fdisk l fdisk l 只能列出硬盘的分区表 容量大小以及分区类型 但看不到文件系统类型 2 df h df 命令是用来查看文件系统磁盘空间使用量的 但df 命令只会列出已挂载的文件系统信息 对于没有挂载的文件系统是查看不到的
  • LeetCode -数组数据的插入位置(二分法)

    搜索数组数据插入位置 给定一个排序数组和一个目标值 在数组中找到目标值 并返回其索引 如果目标值不存在于数组中 返回它将会被按顺序插入的位置 数组可能有重复数据 有重复数据时返回 插入到重复数据的第一个位置 示例 1 输入 1 3 6 7
  • Vuforia 官方Demo讲解

    官方原文地址 https library vuforia com articles Solution Native Sample Application Template 今天看到的36氪新闻 高通发布面向VR AR一体机的骁龙XR1芯片
  • MySQL的自定义排序函数 FIELD(str,str1,str2,str3,...)

    FIELD是mysql的自定义排序函数 ORDER BY FIELD str str1 str2 str3 说明 str是字段 str1 str2 是自定义排序的值 举例说明 以上两幅图就看懂FIELD 的用法了吧
  • Vue——get调用后端接口并将数据回显到table中

    get调用 呈现效果 动态获取后台数据 1 HTML lt template gt
  • vue —— 项目启动时无法识别es6的扩展语法

    启动项目报错 解决 ES6的拓展运算符报错 1 切换淘宝镜像 npm install g cnpm registry http registry npm taobao org cnpm install legacy peer deps sa
  • “三项能力超过ChatGPT”,科大讯飞星火大模型现场接受观众挑战,写稿制表PPT通通拿下...

    杨净 发自 合肥量子位 公众号 QbitAI 三项能力超过ChatGPT 1024将整体超过GPT水平 在科大讯飞星火认知大模型发布会现场 董事长刘庆峰拍着胸脯保证 引起现场掌声雷动 而真机演示效果和多场景产品展示直接把观众们看呆 信息量太
  • anaconda pytorch配置

    wvscode配置python编译器时 发现即使在右下角改变编译器版本 任然无法使用anaconda的python 通过在setting中搜索code runner 修改Execution Map中python u中python为anaco
  • JS anonymous:无名函数的使用

    这个无名函数名字是我起的 起这个名字的原因有两条 原因一是在改前端代码的时候发现这个东西 在调试台console用debug调试 会显示一个anonymous 但你发现他是一个函数 原因二是 这个在w3school上也有 在下面连接页面搜索
  • 解决:500 Internal Privoxy Error

    500 Internal Privoxy Error Privoxy encountered an error while processing your request Could not load template file no se
  • 内网穿透 VScodeSHH

    准备 腾讯云服务器 linux xshell xftp frp https github com fatedier frp 服务端为腾讯云服务器 linux 客户端为自己工作站 linux 服务端操作 用xshell登录腾讯云服务器 下载
  • audio标签与video标签的常用属性及方法

    一 常用的css属性 1 src 用于指明video标签需要播放的音频的地址