Question

我想在我的网站上显示几个嵌入元素。他们显示了一个rtsp文件（视频），因此当我加载很多文件时，网站显然非常慢。
我以两种不同的方式做到了，但没有一个没有给我一个好的结果：

只有一个嵌入元素，每20秒内容更改另一个元素与其他网址。您应该知道无法更新目标属性，因为embed元素不会重新加载。因此，唯一的方法是替换整个元素。 问题是负载，当我更换元素时，显示视频需要10秒。

<embed id="video" class="video" type="application/x-vlc-plugin" name="player" width="100%" height="100%" autoplay="yes" loop="yes" allowfullscreen="allowfullscreen" fullscreen target="rtsp://xxxxxxxx"></embed>

function cambiarCanal() {
    var objeto = '<embed id="video" type="application/x-vlc-plugin" name="player" width="100%" height="100%" autoplay="yes" loop="yes" target="'+canales[3]+'"></embed>';
    $("#video").replaceWith(objeto);

    /* cambiar cada 20s el canal del video */
    var t = setTimeout(function() {
         cambiarCanal();
    }, 20000);
}

使用jQuery创建一个滑块/轮播，或者只显示CSS3以显示之前加载的所有嵌入元素。 这个问题很慢，太慢了。我尝过二十个不同的滑块，只是jQuery或者只是CSS3，但它们太慢而服务器已经饱和了。

我尝试使用'embed'和'object'元素，结果相同。

那么，有没有办法加载二十个嵌入元素，并像一个旋转木马一样显示一个又一个没有缓慢？也许知道下一个元素是否已被加载并将其更改为当前元素？

使用jQuery

0 个答案: