Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery在HTML中加载大量嵌入元素的最佳方法_Jquery_Css_Video_Embed_Rtsp - Fatal编程技术网

使用jQuery在HTML中加载大量嵌入元素的最佳方法

使用jQuery在HTML中加载大量嵌入元素的最佳方法,jquery,css,video,embed,rtsp,Jquery,Css,Video,Embed,Rtsp,我想在我的网站上显示几个嵌入元素。他们显示了一个rtsp文件(视频),所以当我加载了很多文件时,网站的速度显然非常慢 我用了两种不同的方法,但都没有给我一个好的结果: 只有一个嵌入元素,每隔20秒它的内容会与另一个具有其他url的元素一起更改。您应该知道,无法更新目标属性,因为嵌入元素不会重新加载。因此,唯一的方法是替换整个元素问题在于负载,当我更换该元素时,需要10秒才能显示视频 功能cambiarCanal(){ var objeto=''; $(“#视频”)。替换为(对象); /*ca

我想在我的网站上显示几个嵌入元素。他们显示了一个rtsp文件(视频),所以当我加载了很多文件时,网站的速度显然非常慢
我用了两种不同的方法,但都没有给我一个好的结果:

  • 只有一个嵌入元素,每隔20秒它的内容会与另一个具有其他url的元素一起更改。您应该知道,无法更新目标属性,因为嵌入元素不会重新加载。因此,唯一的方法是替换整个元素问题在于负载,当我更换该元素时,需要10秒才能显示视频
  • 
    
    功能cambiarCanal(){
    var objeto='';
    $(“#视频”)。替换为(对象);
    /*cambiar cada 20s el canal del video酒店*/
    var t=setTimeout(函数(){
    柬埔寨运河();
    }, 20000);
    }
    
  • 使用jQuery或CSS3制作一个滑块/旋转木马,以显示先前加载的所有嵌入元素问题是速度太慢,太慢。我已经尝到了二十种不同的滑块,只有jQuery或CSS3,但是它们太慢了,服务器变得饱和
  • 我尝试了“嵌入”和“对象”元素,结果相同


    那么,有没有办法加载二十个嵌入元素,并像旋转木马一样一个接一个地显示,而不会慢下来?也许知道下一个元素是否已经加载并将其更改为当前元素?

    我的最佳选择是放弃
    autoplay=“yes”
    并使用脚本开始播放,这样做,一旦第一个元素加载并开始播放,就加载第二个元素,当轮班时,就开始NR2,关闭/删除nr 1并加载nr 3,等等…@LGSon您好,这是一个很好的解决方案,我正在尝试这样做,但我无法使用jQuery更改自动播放属性,我不知道为什么。我试过
    .attr(“自动播放”,“是”)
    ,值为1
    .trigger(“自动播放”)
    <代码>自动播放。。。而且它不会改变……如果您试图在已加载的播放机上添加属性
    autoplay=“yes”
    使其播放,则无法工作,您需要使用
    play()
    命令,您可以在给定播放机的文档中找到该命令player@LGSon谢谢我明白了!它是用
    .playlist.play()
    播放的。使用VLC插件,播放视频的唯一方法是使用播放列表
    <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);
    }