javascript - jQuery/javascript 隐藏视频元素

Question

是否有可能在 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>

例如，我想播放 sample3 1 分钟，然后暂停 sample3，将其隐藏，显示 sample.mp4 并播放该视频。

有什么建议吗？

我尝试过的代码：

var video = $('video').get(0).pause();
  if ($('video').get(0).paused) { 
    $('video').get(0).hide();
  };

但是$('video').get(0).hide();投掷Uncaught TypeError: Object #<HTMLVideoElement> has no method 'hide'

Answer 1

我会尝试这样的事情

$(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();
}