0

我最近正在处理一个交互式视频项目，用户可以在其中与视频进行交互（在某个人的视频中单击，以查看新视频，用户要去那个人......）。更改视频源不是问题（检查下面的代码），但我的问题发生在步骤“A”和“C”之间

我正在清除当前源 (A)，创建一个新源 (B) 并开始新视频 (C)，它向我显示了“A”和“C”之间视频元素的黑色背景。不是很长，比方说<50ms，但它仍然让我很紧张。我唯一的想法是，如果下一个视频准备好播放，则使用两个视频元素并切换它们。有人有更好的主意吗？

playVideoElement:function( videoelement ){

    //empty current source nodes  (A)
    ($(this.videoPlayer).getChildren()).dispose();

    //set new source  (B)
    this.videoPlayer.adopt( new Element('source').setProperties( ... ) );

    //start new video  (C)
    this.videoPlayer.load();
    this.videoPlayer.play();

}

所以基本上我的问题是：有没有办法为可以播放的视频元素设置一个新的源？

4

1 回答 1

0

你能设置两个 div，一个用于当前源，另一个用于新源。使用 css 将第二个设置为隐藏，并将其 autoplay 设置为 false，preload 设置为 none。当你需要切换视频时，只需隐藏第一个（删除div也可以），显示第二个div，加上加载和播放第二个视频？

于 2012-06-15T05:59:22.920 回答