分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

(总结2)HTML5中新增加的音频/视频标签

发布时间:2023-09-06 01:39责任编辑:胡小海关键词:HTML
  • 新增音频标签audio
 1 ????audio 音乐标签属性: 2 ????autoplay 自动播放 3 ????controls 控制UI 4 ????loop 循环播放 5 ????各浏览器支持的格式不同,有MP3 WAV ogg 格式 6 ?7 ?8 ????<audio controls> 9 ????????<source src="music/yinyue.mp3"/>10 ????????<source src="music/yinyue.wav"/>11 ????</audio>
  • 新增视频标签video
 ???标签的属性 ???属性值 ????????描述 ????autoplay ???autoplay ???如果出现该属性,则视频在就绪后马上播放 ???controls ???controls ???如果出现该属性,则向用户显示控件,比如播放按钮 ???height ?????pixels ???????设置视频播放器的高度 ???loop ???????loop ???????如果出现该属性,则当媒介文件完成播放后再次开始播放 ???preload ????preload ????如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性 ???src ????????url ???????????要播放的视频的 URL ????width ??????pixels ???????设置视频播放器的宽度 ????音频和视频标签都是行内块元素:display:inline-block; ????<video controls loop> ???????<source src="http://www.w3school.com.cn/i/movie.ogg"/> ???</video>

(总结2)HTML5中新增加的音频/视频标签

原文地址:https://www.cnblogs.com/powerplay/p/8371060.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved