![网页设计与网站建设全攻略](https://wfqqreader-1252317822.image.myqcloud.com/cover/587/27110587/b_27110587.jpg)
4.4 插入视频
随着宽带技术的发展和推广,出现了许多视频网站。越来越多的人选择观看在线视频,同时也有很多的网站提供在线视频服务。
4.4.1 视频的文件格式
视频文件的格式非常多,常见的有MPEG、AVI、WMV、RM和MOV等。
MPEG(或MPG)是一种压缩比率较大的活动图像和声音的视频压缩标准,常见的VCD、SVCD、DVD就是这种格式。MPEG文件格式是运动图像压缩算法的国际标准,它采用了有损压缩方法减少运动图像中的冗余信息,把后续图像中和前面图像有冗余的部分去除,从而达到压缩的目的。
AVI是一种Windows操作系统使用的多媒体文件格式,可以将视频和音频交织在一起,进行同步播放。这种视频格式的优点是图像质量好,可以跨多个平台使用,其缺点是体积过于庞大。
WMV是一种Windows操作系统自带的媒体播放器Windows Media Player所使用的多媒体格式。它的英文全称为Windows Media Video,是微软推出的一种采用独立编码方式并且可以直接在网上实时观看视频节目的文件压缩格式。WMV格式的主要优点包括本地或网络回放、可扩充的媒体类型、部件下载、可伸缩的媒体类型、流的优先级化、多语言支持及环境独立性。
RM是Real公司推广的一种多媒体文件格式,具有非常好的压缩比率,是网上应用最广泛的格式之一。可以使用RealPlayer对符合Real Media技术规范的网络音频/视频资源进行实况转播,并且Real Media可以根据不同的网络传输速率制定出不同的压缩比率,从而实现在低速率的网络上进行影像数据的实时传送和播放。
MOV是Apple公司推广的一种多媒体文件格式。
4.4.2 小实例——在网页中插入视频
利用视频技术在网上可以视频聊天、在线看电影等。在网页中插入视频主要有两种方法,一种方法是利用ActiveX插入;另一种方法是利用插件插入。网页中插入视频的效果如图4-22所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0167.jpg?sign=1739303016-T8KHlzv8S2r0yUftZzn33uj7JdUqeaFP-0-5bf520bbeee7f0949014f4eaefa7b583)
图4-22 插入视频效果
原始文件:原始文件/04/4.4.2/index.html 最终文件:最终文件/04/4.4.2/index1.html
步骤01 打开网页文档,将光标置于要插入视频的位置,如图4-23所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0168.jpg?sign=1739303016-jp3B2Ib4hca8FbH9Hvok2WycRsY1hmbH-0-1f17e03fb891c4a0410a1438d0a13943)
图4-23 打开网页文档
步骤02 执行“插入”|“媒体”| Flash Video(L)命令,弹出“插入FLV”对话框,如图4-24所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0169.jpg?sign=1739303016-79YYIMEWrz5C5UNtKOmCeh1Sw0wIFYCX-0-a117d0e62781836fcefa0ea03b8c4718)
图4-24 “插入FLV”对话框
步骤03 在对话框中单击URL后面的“浏览”按钮,在弹出的“选择FLV”对话框中选择视频文件,单击“确定”按钮,如图4-25所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0170.jpg?sign=1739303016-gJDgBw0jmJrgx3XWDwsEePEas7QoM4hp-0-a3d5aa479e46fde4fd3fc4513bf8f3e9)
图4-25 “选择FLV”对话框
步骤04 返回到“插入FLV”对话框,在对话框中进行相应的设置,单击“确定”按钮,如图4-26所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0171.jpg?sign=1739303016-EHkhQVEctD1R4P6jVIRtpxuOvB3onxee-0-eac7e9eec4d6c406f38b5bb3b85500a9)
图4-26 “插入FLV”对话框
步骤05 单击“确定”按钮,插入视频,如图4-27所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0172.jpg?sign=1739303016-zDKxEfwYvHfGZ7gxRex061G7Fv7MqUbX-0-b880e228ebfe46b7d79c720f255c67ff)
图4-27 插入视频
步骤06 保存文档,按F12键在浏览器中预览效果如图4-22所示。