javascript - 如何存储和重用click事件(允许播放音频/视频)

Question

我们有一个视频。我为该视频制作了“简介页”。简介页面运行一个漂亮的小动画和一个音轨，然后将视频加载到屏幕中间并播放。

问题-移动设备一开始不播放音频，也不播放视频

解决方法-我在开始处添加了“播放”按钮。然后，在事件处理程序中，我启动音频和动画。

解决方法问题-问题是用户必须在开始时同时单击才能启动音频和动画，然后必须再次单击才能启动视频。

解决方法替代方法-因此，我认为可以允许我开始播放视频并将其暂停(隐藏)在原始事件处理程序中，然后在介绍动画结束后继续播放(播放)视频。

解决方法的问题解决方法-因此，它实际上可以启动视频并将其暂停在原始的click事件处理程序中，然后在动画之后播放，而无需用户再次单击。但是，问题在于现在它无法播放初始动画附带的音频。开始播放视频似乎取消了音频

因此，由于您想查看代码，因此页面加载的最开始就是点击处理程序中发生的事情:

sym.$("playcover").hide();               //hide play button
sym.play();                              //start the animation
sym.$("ambient11sec2")[0].play();        //start the audio
var vid = sym.getVariable("introvideo"); //get video reference
vid.play();                              //play video while we have user's event
vid.pause();                             //immediately pause (video.js btw)

然后在动画之后

sym.getVariable("introvideo").play();

因此，它再次“起作用”，但是一旦播放视频，它就会取消音频。 (iOS“功能”)

问题-问题是，是否可以“存储”用户事件，以便我可以立即播放音频，但是稍后再播放视频。

还是有其他解决方法，因此一按即可让我先播放动画+音频，然后播放视频？我不确定是什么使click事件特别适合我可以运行音频/视频的地方。

Answer 1

sym.$("playcover").hide();               //hide play button
sym.play();                              //start the animation
//<--moved this line to the end
var vid = sym.getVariable("introvideo"); //get video reference
vid.play();                              //play video while we have user's event
vid.pause();                             //immediately pause (video.js btw)

sym.$("ambient11sec2")[0].play();        //NOW start the audio 

虽然这并不能解决存储“用户点击”以允许以后播放视频的问题，但它可以解决此问题。我好近!呵呵。我只是开始和暂停视频(因此绕过“点击后就无法开始”)，然后播放音频。然后在动画之后，当我取消暂停视频时，因为它已经“开始”了，所以我可以这样做。

因此，我想这就是:首先设置一个“播放”按钮，然后在事件中处理开始和暂停您将需要的所有音频或视频，然后在整个演示/应用程序中根据需要取消暂停音频/视频等。