Dreamweaver CC 网页制作:[9]插入视频
1、新建一个html5文件,点击文件-争犸禀淫>新建->html,选择html5,也可以在代码视图中粘贴以下代码<!doctype html><html><head><meta charset="utf-8"><title>插入视频</title></head><body></body></html>
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/e4b5e2f5ee0d3ace751e8ed887e265e7350fbb1d.jpg)
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/0da37be7340f6478f1ea420afd3e21c2bad6b51d.jpg)
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/bff8683e21c2bbd60b19915b116186254093ae1d.jpg)
2、文件新建好后点击主菜单中的插入,在插入菜单中找到媒体
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/87645f93cee8b004a5d22dbc79260d9a300ea91d.jpg)
3、鼠标移到媒体上在右边列出的菜单中点击html5 video
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/d04eec260d9a310ee150159931b842406bfea21d.jpg)
4、点击插入之后在设计视图中会出现一个html5 的视频插件图标
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/e86ba4b842406afe38dd0d761eee41c1b6279f1d.jpg)
5、点击插件在属性栏中填老揉孟阼写视频的相关信息最主要填写的就是视频的地址。视频格式是根据浏览器定的不同的浏览器支持的格式不同据体的可以查看html5 手册,本测过360 google firefox 都支持mp4
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/4080a927ac53068893e6597957e8904801fc961d.jpg)
6、填写好视频地址保存文件就可用firefox浏览器打开看看这小小效果了。打开后鼠标移到视频上点击播放按钮就可以播放了
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/a48bc2e8904800fc703d64bdd42043715edb931d.jpg)
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/994f412043715fdb3aea4589468920c5270f8c1d.jpg)
![Dreamweaver CC 网页制作:[9]插入视频](https://exp-picture.cdn.bcebos.com/b87bd38920c5260f99ff2139d2de45078901891d.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:56
阅读量:41
阅读量:85
阅读量:81
阅读量:32