养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

dw怎么插视频

时间:2024-11-02 01:36:03

在Dreamweaver工具中,可以使用工具中的功能直接插入元素,如Image、H娣定撰钠eader、Video等。那么,如何插入视频呢?

dw怎么插视频

工具/原料

AdobeDreamweaverCC2018

WPS

截图工具

视频文件

方法/步骤

1、点击电脑左下角的开始菜单,打开DreamweaverCC2018工具

dw怎么插视频

2、点击文件菜单,选择新建子菜单,文件类型选择HTML,输入标题,然后单击创建按钮

dw怎么插视频

3、默认显示HTML5模板,视图分为视图窗口和代码窗口

dw怎么插视频

4、点击插入菜单,依次操作HTML--->HTML5Video

dw怎么插视频

5、插入一个audio,结果检查代码发现不是加的视频,而是音频

dw怎么插视频

dw怎么插视频

6、切换到代码窗口,对audio元素进行修改,改为video元素

dw怎么插视频

7、设置video元素的宽度、高度,并添加视频源(source)以及src路径

dw怎么插视频

8、保存代码并打开浏览器预览,可以看到一个视频,自动播放

dw怎么插视频

© 一点知识