视频

1. 插入视频

为防止出现设备不兼容等问题,视频格式建议为mp4,大小在20M以内。如图在“媒体”工具栏下,鼠标点击“视频”按钮,在弹出的“导入视频”对话框内点击“选择文件”选择所要上传的视频文件。

点击“上传”→“确定”,即将视频上传至“舞台”,可选择“变形”工具,调节视频的位置、大小等基本属性。

选中视频元素,可在其“属性面板”内设置其属性,例如为其命名,调节宽高、透明度、旋转角度、添加背景图片等。

添加背景图片:如下图,点击“属性面板”下“背景图片”的“+”标志,在弹出的“媒体库”中选择背景图片,点击“添加”,即将图片添加作为视频封面

2.视频元素的编辑行为

如下图,新添加第2页面,添加一个文本框,输入内容为“第二页”

回到第1页面,点击视频元素的“添加/编辑行为”按钮

在“编辑行为”对话框内选择“动画播放控制”→“下一页”,触发条件为“视频结束”,即设置视频播放结束后即跳转至第二页的行为动画。

在视频元素的“属性面板”内将“隐藏控件”调为“否”,点击预览。可观察到视频播放结束后会自动调至第2页。

3. 视频行为控制

视频的行为控制有播放视频、控制视频、停止所有视频。如下图,添加一个新视频

分别为两个视频命名为“A”“B”

如下图,点击“播放”元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择“动画播放控制”→“播放视频”,点击“编辑”按钮进入“参数”对话框。

在“参数”对话框中选择“视频元件”为“视频2”,点击“确定”

同理,设置“控制”元素的编辑行为: “动画播放控制”→“控制视频”,点击“编辑”按钮进入“参数”对话框。

在“参数”对话框内的“视频名称”选择“B”

同理,设置“停止所有”元素的编辑行为:“媒体播放控制”→“停止所有视频”,触发条件为“点击”

可点击“预览”观察控制行为效果

观看本节视频教程:
http://cdn1.mugeda.com/course/3/3.2/3.2.5.mp4