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标签
  • 热门搜索
    感恩主题手抄报 消防安全手抄报模板 关于读书手抄报内容 热爱生命手抄报资料 健康小报手抄报 节约用水手抄报资料 关于科技手抄报内容 我的一本课外书手抄报 有关于环保的手抄报 珍惜时间手抄报