html5与css3学习笔记之(二)多媒体标签

多媒体标签


 插入音视频的方法:

embed -- 直接插入视频文件,它的本质是调用本机上已安装的软件,有兼容性

flash插件 -- 需要安装flash  1、学习flash,增加学习成本 2、苹果不支持flash

audio标签

video标签


 audio标签 -- 音频

<audio src="" controls></audio>

src -- 播放的音频路径

controls -- 音频播放器控制面板

autoplay -- 自动播放

loop -- 循环播放


 

video标签 -- 视频

src -- 播放的音频路径

controls -- 音频播放器控制面板

autoplay -- 自动播放

loop -- 循环播放

width, height

poster -- 当视频未完全下载,或者视频未播放时的封面。默认显示第一帧。

因为不同浏览器支持的视频格式不一样,因此需要准备多个格式供浏览器选择使用 -- source的使用

<video controls>
    <source src="" type="video/mp4">
    <source src="" type="video/flv">
</video>

 

posted @ 2019-08-08 20:43  Olina_Chenry  阅读(170)  评论(0编辑  收藏  举报