html多媒体效果怎么使用,HTML多媒体标签video、audio、marquee详细讲解

video标签作用: 播放视频

格式1:

属性

src: 告诉video标签需要播放的视频地址

autoplay: 告诉video标签是否需要自动播放视频

controls: 告诉video标签是否需要显示控制条

poster: 告诉video标签视频没有播放之前显示的占位图片

loop: 告诉video标签循环播放视频. 一般用于做广告视频

preload: 告诉video标签预加载视频, 但是需要注意preload和autoplay相冲, 如果设置了autoplay属性, 那么preload属性就会失效

muted:告诉video标签视频静音

width/height: 和img标签中的一模一样

格式2

第二种格式存在的意义

由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的这个时候W3C为了解决这个问题, 所以推出了第二个video标签的格式

ideo标签的第二种格式存在的意义就是为了解决浏览器适配问题. video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给video标签, 那么以后当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来播放注意点:

当前通过video标签的第二种格式虽然能够指定所有浏览器都支持的视频格式, 但是想让所有浏览器都通过video标签播放视频还有一个前提条件, 就是浏览器必须支持HTML5标签, 否则同样无法播放

在过去的一些浏览器是不支持HTML5标签的, 所以为了让过去的一些浏览器也能够通过video标签来播放视频, 那么我们以后可以通过一个JS的框架叫做html5media来实现

audio标签作用: 播放音频

格式:

注意点:

audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样. 只不过有3个属性不能用, height/width/poster

详情和概要标签作用:利用summary标签来描述概要信息, 利用details标签来描述详情信息

默认情况下是折叠展示, 想看见详情必须点击

格式:

概要信息

详情信息

marquee标签作用: 跑马灯效果

格式:

内容属性:

direction: 设置滚动方向 left/right/up/down

scrollamount: 设置滚动速度, 值越大就越快

loop: 设置滚动次数, 默认是-1, 也就是无限滚动

behavior: 设置滚动类型 slide滚动到边界就停止, alternate滚动到边界就弹回注意点:

marquee标签不是W3C推荐的标签, 在W3C官方文档中也无法查询这个标签, 但是各大浏览器对这个标签的支持非常好

html多媒体效果怎么使用,HTML多媒体标签video、audio、marquee详细讲解相关推荐

tkinter标签Lable组件的详细讲解
创建标签Label 组件今天讲解标签(Lable)组件,这个组件在编程中经常要用得到,而且对于tkinter新手来说,对这个组件的属性,方法等了解,非常重要,因为标签Lable属性,方法跟其它组件是 ...
【HTML | CSS】纯CSS居然能做出这种效果，一款宝藏网页分享（超详细讲解 | 附源码）
多媒体计算机的概念是,多媒体计算机的基本概念.doc
多媒体计算机的基本概念多媒体计算机的基本概念随着计算机多媒体技术的发展,多媒体计算机有教学中的应用也日益广泛,逐渐成为教学中必不可少的教学媒体之一.本章从计算机辅助教学的基本概念入手,通过实例的讲 ...
设计多媒体计算机的选配方案,多媒体教室设计方案的选择与管理
多媒体教室设计方案的选择与管理当今,重视现代教育技术对教育产生的影响,大力推进教育现代化是世界教育发展的主流.我国在运用现代教育技术手段整合教学的过程中,已取得了相当成效.多媒体教学是现代教育教学的 ...
多媒体计算机教学硬件技术,多媒体计算机硬件教程
张忠华编著的<多媒体计算机硬件基础教程>共分为10章.第1章对多媒体计算机进行了系统阐述,第2章讲述计算机的中央处理器(CPU)的基本知识,第3章讲述计算机主板的相关知识,第4章讲述计算机 ...
多媒体计算机教室的构成,多媒体电教室的基本构成设备
<多媒体电教室的基本构成设备>由会员分享,可在线阅读,更多相关<多媒体电教室的基本构成设备(27页珍藏版)>请在人人文库网上搜索. 1.多媒体组合教学应用系统多媒体电教室一 ...
关于计算机多媒体的论文模板,★计算机多媒体论文提纲范文计算机多媒体论文提纲格式模板...
★计算机多媒体论文提纲范文计算机多媒体论文提纲格式模板摘要前言一.选题背景二.研究目的与意义三.研究方法四.概念界定五.论文提纲第一章计算机多媒体辅助外语听力教学文献研究综述第一节 ...
参会记录｜全国多媒体取证暨第二届多媒体智能安全学术研讨会（MAS‘2023）
前言:2023年4月8日上午,我与实验室的诸位伙伴们共聚浙江杭州西子湖畔的六通宾馆,参加了为期一天半的全国多媒体取证暨第二届多媒体智能安全学术研讨会(MAS'2023).本届学术研讨会由浙江省自然科学 ...
计算机基础多媒体硬件,计算机基础：多媒体基础知识笔记
1.媒体的定义媒体包括两面: 1.物理载体:比如磁盘.光盘.磁带以及相关的播放设备. 2.信息载体:也就是信息的表现形式,比如文字.声音.图像.动画.视频等.CCITT定义的存储媒体和表示媒体. 2 ...

html多媒体效果怎么使用,HTML多媒体标签video、audio、marquee详细讲解

html多媒体效果怎么使用,HTML多媒体标签video、audio、marquee详细讲解相关推荐

最新文章

热门文章