教学设计模板 如何在网页设计中添加视频？

如何在网页设计中添加视频？

Dreamweaver CS3

01

打开软件后，单击“新建”中的“HTML”创建一个空白的HTML网页文件。

02

在“常用工具”选项卡下，单击“媒体”下拉菜单。

03

在下拉菜单中选择“flash video”，弹出保存提示框。让我们单击“确定”按钮。

04

]确定后，我们将进入保存窗口。我们选择合适的路径，然后“保存”。

05

在“插入视频窗口”中，在“URL”后的编辑框中输入视频地址，或单击“浏览”在本地插入视频。

06

要设置视频在网页中的显示宽度和高度，建议检查背面的“限制高宽比”，否则很容易使视频变形。设置正确后，单击“确定”。

这样，视频就会插入到新网页中。点击工具栏中的“调试”按钮查看效果。

[08

插入的视频可以正常显示在网页中，好吗？

1. 打开hbuilderforwebdesign，将MP4视频放到projectmanager中，然后单击索引.html进入。

2. 在这里，使用如图所示的命令创建一个HTML5文件。

3. 此时，可以通过添加视频元素来插入视频。您需要使用autoplay来设置autoplay，使用controls来设置控制栏。

4. 接下来，用源连接相应的视频资源，并注意路径正确。

5. 加载网页时，将插入视频播放器自动播放视频。左侧是播放按钮、视频进度控制栏和其他工具。

6. 右边可以调节声音大小和全屏播放，如果有服务器，也可以下载。

教学设计模板 教学设计基本步骤 教学设计

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。