2020-12-09

CSS总结 Day3 ＜视频链接，音频链接和内嵌标签＞

.冯上 2020-12-08 20:25:57 28 收藏
分类专栏： HTML CSS JS总结 文章标签： html css
版权
CSS
//1.视频链接
1.1格式一

1
格式二



你的网页无法播放视频

1
2
3
4
5
多个资源：source
可以弄多个链向多个视频，只要有一个视频可以正常播放就行

你的网页无法播放视频
1
如果视频不能正常播放（浏览器不支持的情况）
video标签包裹的文字就会显现出来
在这里插入图片描述

1.2兼容性
视频兼容性的解决办法：
在这里插入图片描述
在这里插入图片描述

视频兼容：MP4和WebM 或 MP4和Ogg
1.3属性
播放：centrols
循环播放：loop



1
2
3
//2.音频链接
2.1格式一

1
格式二



你的网页无法播放音频

1
2
3
4
5
多个资源：source
可以弄多个链向多个音频，一个声音无法播放时会找另声音

你的网页无法播放音频
1
如果音频不能正常播放（浏览器不支持的情况）
audio标签包裹的文字就会显示
在这里插入图片描述

2.2兼容性
音频兼容性的解决办法：
在这里插入图片描述

音频兼容：MP3和WAV 或 MP3和Ogg
2.3属性
播放：centrols
循环播放：loop



1
2
3
//3.内嵌标签
3.1用法

1 在这里插入图片描述

3.2属性
引用地址：src
框架名：name
和超链接达成关联：target=“name”
边框：frameborder
页面滚动：scrolling