调整好css后发现, button 并不能挡住 video 组件正中间的播放按钮,对比同类的实现产品,应该是增加了一层遮罩,显示视频预览图,点击播放后轮拦消失,于是增加一层 cover-image
通过定位将遮罩的图片铺满video组件,但是产生了以下几个bug:
在网上大致一搜没有很好的解决中拦方法, cover-view 这个组件看来只能够用于一些简单实用的场景,在当前卖桐胡的需求下实现难度很大
通过不断对比同类的产品,我发现了一个实现思路:
创建运动引导层:
1、首先打开flash应用程序。
2、然后选择绘制圆形。
3、然后选择转换元件。
4、然后选择添加传统运动引导层。
5、然后选择绝枝画出运动轨迹。在第40帧信握打上关键帧。
6、然后选择并坦敏移动圆形。
7、然后选择创建传统补间。
8、然后这样就完成了。
创建遮罩层:
2、然后插入一个遮罩层,如下图所示,放在背景层上面。
3、接下来在遮罩层的第一帧处画一个圆,如下图所示
4、之后右键单击遮罩层,在d出的菜单中我们选择遮罩层选项,如下图所示
5、接下来就会看到flash主界面中圆形已经把背景遮罩了,如下图所示
6、最后,运行Flash动画,你就会看到如下图所示的效果了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)