jQuery/javascript隱藏視頻元素

是否有可能以某種方式在jQuery中隱藏特定的視頻或源元素？jQuery/javascript隱藏視頻元素

<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>

我想打樣品3，例如，1分鐘，然後暫停樣本3，隱藏，顯示sample.mp4和播放視頻。

任何建議嗎？

我的代碼我tryed：

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'

來源

2013-10-10 Karlis

也許'的setInterval（）'可以幫助 – gwillie

做一個函數首先檢查視頻的src是否爲media/sample3.mp4 ..然後將其更改爲「media/sample.mp4」..然後創建另一個方法i n使用setinterval（）並傳遞你的第一個函數，然後把你想要執行這個函數的時間作爲參數 –

'get（0）'取消引用你的jQuery對象，這樣你就擁有了「native」DOM對象。雖然這裏有一個暫停的屬性，但您可以在這裏查看（儘管您也可以使用jQuery的'prop'來實現這一點），但它沒有'hide'方法 - 這是一種jQuery方法，而不是本地DOM元素的方法。所以在第三行中，你必須直接訪問jQuery對象，而不是DOM元素。 – CBroe

我會嘗試這樣的事情

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

來源

2013-10-10 09:02:46 Kaarel

jQuery/javascript隱藏視頻元素

回答

相關問題