使用jQuery隐藏/显示播放器时的音量静音

时间:2011-06-22 21:17:29

标签: wordpress hide volume mediaelement.js

我为this web page编写了一个脚本。

这允许我使用右侧的缩略图来切换“主视频”。

一切似乎都能正常工作,但是如果您播放一个视频然后切换到另一个视频,然后切换回最初播放的视频,则在您继续观看时音量会静音。

我注意到你可以通过点击播放器内部的音量工具来解决它,但普通用户很可能不会想到这一点。

我尝试过使用setVolume()方法,例如:

$('#media video')

但FF告诉我该方法不存在。这可能是因为我只是在我的一个其他js文件中尝试它而媒体播放器脚本本身是用Wordpress设置的吗?我正在使用你看到的WP插件。

还有其他人有这个问题吗?

如果有帮助的话,这是我的.js切换视频:

$(document).ready(function() {
    // swap media
    $('#media-feed .thumb a').click(function() {
        var mediaId = $(this).prev('input').val();
        $('#media .content').each(function() {
            if($(this).css('display') == 'block') {
                $(this).fadeOut(350);
            }
        });
        $('#media-' + mediaId).delay(500).fadeIn(350);
        return false;
    });

    // swap sidebar detail
    $('#media-feed .thumb a').mouseenter(function() {
        var mediaId = $(this).prev('input').val();
        $('#media-feed .detail').each(function() {
            if($(this).css('display') == 'block') {
                $(this).slideUp(125, function() {
                    var currentDetail = $('#media-detail-' + mediaId);
                    currentDetail.slideDown(125, function() {
                    currentDetail.css('display', 'block');
                    });
                });
            }
        });
        return false;
    });
});

我遇到的另一个问题是Internet Explorer(所有版本)。如上所述,我说过从一个视频切换到另一个视频,在其他浏览器中,当您点击另一个缩略图时,视频会自动暂停。但是在IE中视频继续播放。所以基本上,您必须暂停视频,然后通过单击其中一个缩略图来更改主视频。再次,不是非常用户友好。

有没有人知道我可以让它像其他浏览器一样运行的方式?我可以看到即使IE在this page where the Fancybox plugin is used上也没有这个问题。

因此,我认为必须有一种方法可以在主页的IE中解决它。

如果有人对此有任何建议那就太棒了!

感谢。

0 个答案:

没有答案