CSS总结 Day3 <视频链接,音频链接和内嵌标签>

CSS

//1.视频链接

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

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

你的网页无法播放视频

如果视频不能正常播放(浏览器不支持的情况)
video标签包裹的文字就会显现出来
CSS总结 Day3 <视频链接,音频链接和内嵌标签>

1.2兼容性
视频兼容性的解决办法:

CSS总结 Day3 <视频链接,音频链接和内嵌标签>
CSS总结 Day3 <视频链接,音频链接和内嵌标签>

  • 视频兼容: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标签包裹的文字就会显示
CSS总结 Day3 <视频链接,音频链接和内嵌标签>

2.2兼容性
音频兼容性的解决办法:

CSS总结 Day3 <视频链接,音频链接和内嵌标签>

  • 音频兼容:MP3和WAV 或 MP3和Ogg
2.3属性
  • 播放:centrols
  • 循环播放:loop
<audio controls="controls" loop="loop">
	<source src="音频/李铭辰-鱼.mp3">
</audio>

//3.内嵌标签

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

CSS总结 Day3 <视频链接,音频链接和内嵌标签>

3.2属性
  • 引用地址:src
  • 框架名:name
  • 和超链接达成关联:target=“name”
  • 边框:frameborder
  • 页面滚动:scrolling
上一篇:Android实训-Day3


下一篇:Scrum冲刺-day3