Ändern Sie die Klasse eines Div basierend auf Videoquelle

Question

Ich versuche, ein Div basierend auf einer bestimmten Videoquelle zu zeigen und zu verbergen. Ich habe eine bigvideo.js videos slideshow laufen und ich möchte divs basierend auf dem Video abspielen und verstecken. Der Code Ich verwende ist

function checkClass() { 
    setTimeout(checkClass, 100); 
    if (jQuery('#big-video-vid_html5_api').src('http://localhost:8888/mobilwave/images/video1.mp4')) 
     jQuery('.demo').css('visibility', 'visible'); 
    else if (!jQuery('#big-video-vid_html5_api').src('http://localhost:8888/mobilwave/images/video2.mp4')) 
     jQuery('.demo').css('visibility', 'hidden'); 
} 

jQuery(checkClass); 

Answer 1

Es gibt keine Methode, wie $.fn.src(), um das Attribut zu erhalten, müssen Sie .attr()

function checkClass() { 
    setTimeout(checkClass, 100); 
    var src = jQuery('#big-video-vid_html5_api').attr('src'); 
    if (src == 'http://localhost:8888/mobilwave/images/video1.mp4') 
     jQuery('.demo').css('visibility', 'visible'); 
    else 
     jQuery('.demo').css('visibility', 'hidden'); 
} 

jQuery(checkClass);