2020-12-15

CSS
//1.视频链接
1.1格式一

<video src="视频URL" controls="controls"></video>

格式二

<video controls="controls">
	<source src="视频URL">
	<source src="视频URL">
	你的网页无法播放视频
</video>

多个资源:source
可以弄多个链向多个视频,只要有一个视频可以正常播放就行

你的网页无法播放视频

如果视频不能正常播放(浏览器不支持的情况)
video标签包裹的文字就会显现出来
在这里插入图片描述
1.2兼容性
视频兼容性的解决办法:在这里插入图片描述
在这里插入图片描述
视频兼容:MP4和WebM 或 MP4和Ogg
1.3属性
播放:centrols
循环播放:loop

<video controls="controls" loop="loop">
	<source src="视频/1.mp4">
</video>

2.音频链接

2.1格式一

<audio src="音频URL" controls="controls"></audio>

格式二

<audio controls="controls">
	<source src="音频URL">
	<source src="音频URL">
	你的网页无法播放音频
</audio>

多个资源:source
可以弄多个链向多个音频,一个声音无法播放时会找另声音

你的网页无法播放音频

如果音频不能正常播放(浏览器不支持的情况)
audio标签包裹的文字就会显示
在这里插入图片描述
2.2兼容性
音频兼容性的解决办法:在这里插入图片描述
音频兼容:MP3和WAV 或 MP3和Ogg
2.3属性
播放:centrols
循环播放:loop

<audio controls="controls" loop="loop">
	<source src="音频/李铭辰-鱼.mp3">
</audio>
1

//3.内嵌标签
3.1用法

<iframe src="引用页面地址" name=""><iframe>

在这里插入图片描述
3.2属性
引用地址:src
框架名:name
和超链接达成关联:target=“name”
边框:frameborder
页面滚动:scrolling

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值