dw怎么插视频

时间:2024-10-12 06:40:59

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

dw怎么插视频

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

dw怎么插视频

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

dw怎么插视频

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

dw怎么插视频

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

dw怎么插视频
dw怎么插视频

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

dw怎么插视频

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

dw怎么插视频

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

dw怎么插视频
© 手抄报圈