Dreamweaver CC 网页制作:[9]插入视频

 时间:2024-10-12 14:36:45

1、新建一个html5文件,点击文件-争犸禀淫>新建->html,选择html5,也可以在代码视图中粘贴以下代码<!doctype html><html><head><meta charset="utf-8"><title>插入视频</title></head><body></body></html>

Dreamweaver CC 网页制作:[9]插入视频Dreamweaver CC 网页制作:[9]插入视频Dreamweaver CC 网页制作:[9]插入视频

2、文件新建好后点击主菜单中的插入,在插入菜单中找到媒体

Dreamweaver CC 网页制作:[9]插入视频

3、鼠标移到媒体上在右边列出的菜单中点击html5 video

Dreamweaver CC 网页制作:[9]插入视频

4、点击插入之后在设计视图中会出现一个html5 的视频插件图标

Dreamweaver CC 网页制作:[9]插入视频

5、点击插件在属性栏中填老揉孟阼写视频的相关信息最主要填写的就是视频的地址。视频格式是根据浏览器定的不同的浏览器支持的格式不同据体的可以查看html5 手册,本测过360 google firefox 都支持mp4

Dreamweaver CC 网页制作:[9]插入视频

6、填写好视频地址保存文件就可用firefox浏览器打开看看这小小效果了。打开后鼠标移到视频上点击播放按钮就可以播放了

Dreamweaver CC 网页制作:[9]插入视频Dreamweaver CC 网页制作:[9]插入视频Dreamweaver CC 网页制作:[9]插入视频
  • DW如何增加视频
  • dw怎么插视频
  • dw怎么做图片自动轮播
  • Dreamweaver怎样控制网页的布局
  • 【DW基础】Dreamweaver使用Div标签
  • 热门搜索
    福建大金湖旅游攻略 徐州的旅游景点 北京众信旅游官网 北京旅游地图全图 雅安宝兴旅游 旅游计划ppt 佛山西樵山旅游攻略 黄陂旅游景点大全 镇江西津渡旅游攻略 广宁竹海大观旅游区