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>
//3.内嵌标签
3.1用法
<iframe src="引用页面地址" name=""><iframe>
3.2属性
- 引用地址:src
- 框架名:name
- 和超链接达成关联:target=“name”
- 边框:frameborder
- 页面滚动:scrolling