前言

本教程基于尚硅谷Web前端教程发布，你们也可以理解为这是一篇尚硅谷教程的笔记，当然这里也有我自己的一些经验总结

内联框架

1	<iframe src="" frameborder=“0"></iframe>

用于向网页引入其他网页

一般有两个标签

src 用于引入框架链接
frameborder 用于设置框架的边框，0为无边框

同样iframe也可以设置宽和高等等名指对因素

注意：

内联中的网页是不会被SEO的，内联中的网页也与你编写的网页无关（现在不经常使用
引用内联不会影响其他标签使用

音视频播放

音频

文档

audio：用于在网页中播放音频

1	<audio src=""></audio>

默认的音频标签是无法允许用户操控进度的还需要属性controls
autoplay 定义音频是否自动播放，但这一属性在大部分浏览器已经不适用了，除非部分浏览器用户点击过这个音频然后刷新网页才能自动播放
loop 用于说明音频是否循环播放

这些标签是我们第一次见到不需要的名指对

1	<audio src="" controls autoplay loop ></audio>

IE8

需要注意的是在IE8浏览器中不支持audio标签，我们可以这样提示他

 <audio controls>
<p>对不起，您使用的浏览器不支持本标签，请换浏览器</p>
 <source src="">
</audio>

我们也可以通过embed解决问题

 <audio controls>
<!--  

对不起，您使用的浏览器不支持本标签，请换浏览器

-->
 <source src="音频.mp3">
<!-- 

当然也可以多写一个 <source src="">引用不同格式的音频，浏览器会优先选择最适合播放的播放，一般采用mp3格式 

-->
<embed  src="" type="写入文件属性，如audio/mp3">
</audio>

视频播放

1 2	<video src="" controls> </video>

使用方法基本和audio一样

  <video  controls>
  <source src="">
<!-- 

IE无法8无法识别video时识别这个标签

 -->
  <embed src="" type="video/mp4">
</video>

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。

【前端15】替换标签

前言

内联框架

音视频播放

音频

IE8

视频播放