企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 视频 **1. 插入视频** 为防止出现设备不兼容等问题,视频格式建议为mp4,大小在20M以内。如图在“媒体”工具栏下,鼠标点击“视频”按钮,在弹出的“导入视频”对话框内点击“选择文件”选择所要上传的视频文件。 ![](https://box.kancloud.cn/e550a936b68b96762e4783e4f33233e2_800x448.png) 点击“上传”→“确定”,即将视频上传至“舞台”,可选择“变形”工具,调节视频的位置、大小等基本属性。 ![](https://box.kancloud.cn/537c45310731642277e10bece29dc595_801x355.png) 选中视频元素,可在其“属性面板”内设置其属性,例如为其命名,调节宽高、透明度、旋转角度、添加背景图片等。 ![](https://box.kancloud.cn/b3caeb25b0f4e610e160f819c75a971c_800x471.png) 添加背景图片:如下图,点击“属性面板”下“背景图片”的“+”标志,在弹出的“媒体库”中选择背景图片,点击“添加”,即将图片添加作为视频封面 ![](https://box.kancloud.cn/ccfba7f32545e81aff585a81f3c3417e_800x515.png) **2.视频元素的编辑行为** 如下图,新添加第2页面,添加一个文本框,输入内容为“第二页” ![](https://box.kancloud.cn/a50d60042e3c6fcd2f1a679d6c785e0e_800x426.png) 回到第1页面,点击视频元素的“添加/编辑行为”按钮 ![](https://box.kancloud.cn/5a57fa9484b54f061cc9c52b3fdd0960_800x295.png) 在“编辑行为”对话框内选择“动画播放控制”→“下一页”,触发条件为“视频结束”,即设置视频播放结束后即跳转至第二页的行为动画。 ![](https://box.kancloud.cn/fc6900c5e82120952282a07fae2f826a_800x302.png) 在视频元素的“属性面板”内将“隐藏控件”调为“否”,点击预览。可观察到视频播放结束后会自动调至第2页。 ![](https://box.kancloud.cn/7fee2f97e231d1524c543b8301528f30_800x428.png) **3. 视频行为控制** 视频的行为控制有播放视频、控制视频、停止所有视频。如下图,添加一个新视频 ![](https://box.kancloud.cn/839a9f8a802936d729f4776844fae142_800x404.png) 分别为两个视频命名为“A”“B” ![](https://box.kancloud.cn/7c2d3f08b07306589fa9c38d0566eacf_800x340.png) 如下图,点击“播放”元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择“动画播放控制”→“播放视频”,点击“编辑”按钮进入“参数”对话框。 ![](https://box.kancloud.cn/7e64a91b828c54652b40eea1b6b444d3_800x440.png) 在“参数”对话框中选择“视频元件”为“视频2”,点击“确定” ![](https://box.kancloud.cn/96f4d4e7f1ae2531cc51c19b5d4662ce_800x397.png) 同理,设置“控制”元素的编辑行为: “动画播放控制”→“控制视频”,点击“编辑”按钮进入“参数”对话框。 ![](https://box.kancloud.cn/ab00453b18eda1e3f69e60bbcf9b671d_800x427.png) 在“参数”对话框内的“视频名称”选择“B” ![](https://box.kancloud.cn/a8dcbfa153c1b430674949977a8c1cc1_800x372.png) 同理,设置“停止所有”元素的编辑行为:“媒体播放控制”→“停止所有视频”,触发条件为“点击” ![](https://box.kancloud.cn/68d728f439bfc4f581b7dd7690b426e7_800x441.png) 可点击“预览”观察控制行为效果 ![](https://box.kancloud.cn/e7951eef404caed5dfa4e6ab686ba609_800x508.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.2/3.2.5.mp4