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

 时间:2026-04-24 06:39:00

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标签
  • 热门搜索
    组织架构图怎么画 accident怎么读 小米盒子怎么样 格兰仕微波炉怎么样 年糕怎么炒好吃 网盘怎么用 回南天地面潮湿怎么处理方法 兰蔻小黑瓶怎么用 青芒果怎么放熟 披肩发怎么扎好看