在补间中创建包含mp4视频的js movieclip对象不适用于gotoAndPlay调用

Question

我有一些代码使用CreateJS / EaselJS创建一个MovieClip，该MovieClip包含一个包含mp4视频的Tween。在MovieClip中，有一种名为“ gotoAndPlay”的方法，您可以使用该方法将播放头的时间轴位置更改为某个帧号。当使用此方法更改视频的播放位置时，补间起作用，但包含mp4电影的补间不起作用...该对象未加载，导致页面上的视频标记为空白，除了夹。播放mp4视频后，如果通过gotoAndPlay将位置设置为mp4，就不会再播放...关于如何解决此问题的任何想法，或者是否可能发生错误？

Answer 1

在ActionScript动画中，可以将FLV电影锁定到时间轴。但是在HTML Canvas动画中，MP4电影并不是真正的“动画”对象。它们在大多数情况下看起来相同，但是集成程度不如Flash中那么紧密。

由于视频存在于Canvas之外，因此您需要使用jQuery或JavaScript进行处理。这可以通过使用HTML5画布-组件-视频文件夹中的代码段来完成。

作为预先警告，以您描述的方式“搜索” MP4视频中的不同位置并不像在Flash中那样可靠。诸如Internet Explorer的浏览器无法很好地进行搜索，并且可能会崩溃。如果逐帧精度很重要，则可以避免视频组件并将电影转换为Animate CC中的实际MovieClip，从而找到最佳的视觉效果，这将大大增加文件大小。