那么如何将基于HTML5的视频将视频导出为网页播放呢?具体操作如下：
公司主营业务：成都网站设计、成都做网站、外贸网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出彭山免费做网站回馈大家。
一、进入会声会影编辑器，执行【文件】---【新建HTML5项目】命令。
图1：新html5项目
二、在视频轨中添加3张素材图片。
图2：添加三张素材
三、进入转场素材库，为制作影片转场。选择“溶解”转场，单击鼠标右键，执行【对背景轨应用当前效果】命令。
图3：添加转场
四、单击“标题”按钮，为影片添加字幕。然后在预览窗口中双击鼠标，进入输入模式，输入内容“会声会影”。
图4：输入文字
五、用同样的方法继续插入两个标题素材，分别为“会声会影X5中文版”和“”，并与图片一一对应。
图5：继续插入素材
六、分别选择标题轨的素材，右击选择“添加链接”。
图6：添加链接
七、在弹出的对话框中输入链接，点击“确定”完成设置。
图2：输入链接
八、切换至“分享”步骤面板，单击“创建HTML5文件”按钮。
图3：创建文件
九、弹出对话框，设置文件保存路径，然后单击“确定”按钮。
图4：设置路径
十、操作完成后，系统开始进行渲染。
图5：渲染
十一、弹出提示对话框，单击“确定”按钮。
图7：确定
十二、执行操作后，即可将HTML5视频文件导出为网页播放。
图8：导出为网页
十三、打开网页，可预览效果。
图9：预览
1
选择“文件”——新建HTML5项目，出现如下对话框，选择确定；
2
选择“导入媒体库文件”，选中所选的素材，导入进媒体库；
3
将所有素材拖到到背景轨道中，按住鼠标左键，直至素材拖入视频轨；（分别将每一幅图片拖入视频轨）
4
选择转场，选择其中一种适合于视频的转场效果；
5
将所选中的转场效果拖到背景轨的两幅画之间，每两幅画之间设置一种样式的转场效果；
6
在标题轨道间添加合适的字体，并将添加的每一个字体添加合适的关联；
7
选择“输出”——点击“html5”图标，在合成的进行过程中时间会比较长需要耐心等待。
8
以上就完成了基于html5网页视频输出的全部过程。如果还有疑问，请访问会声会影基于html5视频输出视频教程
html5结构：
!DOCTYPE html
html
head
meta charset="UTF-8"
titleTitle/title
/head
body
/body
/html
输出html5网页源码 你直接f12 或者 鼠标右击 查看网页源代码
