美文网首页
标签4(多媒体标签)

标签4(多媒体标签)

作者: Wj_adff | 来源:发表于2019-04-03 16:09 被阅读0次

    video标签

    作用:播放视频

    格式一:<video src=""></video>

    格式二:<video>

                        <source  src(视频地址)=""  type(视频格式)="”></source>

                        <source  src="、"  type= ""></source>

                    </video>

    视频格式:1.video/wobm,

                      2.video/mp4,

                     3.video/ogg 

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

    video标签的属性:

    1.autoplay:自动播放(autoplay=“autoplay”)

    2。controls:进度条

    3。poster :展位图片(当视频没有播放时显示的图片。添加poster属性视屏不会自动播放)

    4。loop :循环播放(一般用于做广告视频)

    5。preload :预加载视频(和autoplay相冲突,如果设置了autoplay属性preload就会失效)

    6。muted: 静音

    7.width: 宽度(宽高单独设置一个会自动等比拉伸)

    8.height:高度

    audio标签

    作用:播放音频

    格式一:<audio src=""></audio>

    格式二:<audio>

                        <source src=“”  type=""></source>

                 </audio>

    audio标签的属性:

    1.autoplay:自动播放(autoplay=“autoplay”)

    2。controls:进度条

    4。loop :循环播放

    5。preload :预加载视频(和autoplay相冲突,如果设置了autoplay属性preload就会失效)

    6。muted: 静音

    详情和概要标签

    作用:利用summa标签来描述概要信息,然后利用details标签来描述详情信息,默认情况下折叠展示

    格式:<details>

                        <summary>概要信息</summary>

                        详情信息

                </details>

    marquee标签

    marquee不是w3c推荐的,但是各大浏览器都支持

    作用:跑马灯效果

    格式:<marquee>

                      内容

                </marquee>

    marquee标签的属性:

                direction:滚动方向,取值:left / right / up / down(默认从右向左)

                 scrollamount:滚动速度,值越大越快

                 loop:滚动次数(默认-1 无限循环)

                 behavior:滚动类型,取值:1.slide (滚动到边界就停止)  2.alternate(滚动到边界就弹回)

    定义重要性强调的文字)strong==b(加粗

    定义插入的文字)ins==u(下划线

    定义强调的文字)em==i(切斜

    定义被删除的文字)del==s(删除线

    字符实体:

    在html中对空格/回车/tab不敏感,会把多个空格/回车/tab当做一个空格来处理

    空格:&nbsp;

    大于:&lt;

    小于:&gt;

    版权符号 © :&copy

    相关文章

      网友评论

          本文标题:标签4(多媒体标签)

          本文链接:https://www.haomeiwen.com/subject/bvtzbqtx.html