jQuery/javascript隐藏视频元素

在jQuery中是否可能隐藏特定的视频或源元素

<video id="one" autoplay width="300px" height="300px">
      <source src="media/sample3.mp4" type="video/mp4" />
    </video>
    <video id="two" autoplay width="300px" height="300px">
      <source src="media/sample.mp4" />
    </video>

---

但是

$（'video'）.get（0.hide（）抛出未捕获类型错误：对象没有“隐藏”方法

我会尝试类似的方法

$(document).ready(function(){
    var one = $('#one');
    var two = $('#two');
    play_sound(one);
    setTimeout(function(){
        pause_sound(one);
        one.hide();
        two.show();
        play_sound(two);
        setTimeout(function(){
            pause_sound(two);
        }, 180*1000);
    }, 60*1000);
});

function play_sound(var file){
    file.play();
}

function pause_sound(var file){
    file.pause();
}

---

也许

setInterval（）

可以帮助我们制作一个函数，首先检查视频的src是否为media/sample3.mp4。。然后将其更改为“media/sample.mp4”。。然后创建另一个方法，使用setinterval（）并将第一个函数和执行该函数的时间作为参数

get（0）

取消引用jQuery对象，这样就有了“本机”DOM对象。虽然它有一个您正在这里检查的

paused

属性（尽管您也可以使用jQuery的

prop

来执行此操作），但它没有

hide

方法–这是一个jQuery方法，而不是本机DOM元素的方法。所以在第三行中，您必须直接访问jQuery对象，而不是DOM元素。谢谢您！你的解决方案很简单，对我很有效。

$(document).ready(function(){
    var one = $('#one');
    var two = $('#two');
    play_sound(one);
    setTimeout(function(){
        pause_sound(one);
        one.hide();
        two.show();
        play_sound(two);
        setTimeout(function(){
            pause_sound(two);
        }, 180*1000);
    }, 60*1000);
});

function play_sound(var file){
    file.play();
}

function pause_sound(var file){
    file.pause();
}