根据视频源更改div的类

时间:2017-02-12 15:58:46

标签: javascript jquery html css video

我试图根据某个视频源显示和隐藏div。我有一个bigvideo.js视频幻灯片正在运行,我想根据视频播放显示和隐藏div。我使用的代码是

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

1 个答案:

答案 0 :(得分:0)

没有$.fn.src()的方法,要获取属性,您需要使用.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);