视频并不总是出现在Wordpress上

时间:2014-10-27 20:51:19

标签: javascript php jquery wordpress jwplayer

我的网站上有一个奇怪的错误,我需要帮助修复...

这是一个全新的Wordpress安装,包含Carton主题和JWPlayer插件。

以下是我的网站:http://kenai.asap.um.maine.edu/maine_journal_dev

如果您点击标题为“ A Hobby Takes Flight:使用RC Aircraft观察禽类活动”的帖子,那么您将被带到该页面的帖子。

您会注意到视频有一个地方但视频没有加载。但是,如果刷新页面,它将加载。

因此,错误是:然而,当从主页指示时,视频不会加载;如果在页面上刷新一次视频将加载。 (它可能会加载,但通常不会加载)

有谁能告诉我发生了什么事?感谢。

1 个答案:

答案 0 :(得分:2)

在theme.js开始执行之前加载视频时,似乎会出现问题。

如果您有权访问theme.js,我会更改以下功能:

all_videos.each( function() {
    var video = $(this);

    if ( video.parents( 'object' ).length )
        return;

    if ( ! video.prop( 'id' ) )
        video.attr( 'id', 'rvw' + Math.floor( Math.random() * 999999 ) );

    video
        .wrap( '<div class="responsive-video-wrapper" style="padding-top: ' + ( video.attr( 'height' ) / video.attr( 'width' ) * 100 ) + '%" />' )
        .removeAttr( 'height' )
        .removeAttr( 'width' );
} );

为:

all_videos.each( function() {
    var video = $(this);

    if ( video.parents( 'object' ).length || video.parents('#jwplayer-0_wrapper').length)
        return;

    if ( ! video.prop( 'id' ) )
        video.attr( 'id', 'rvw' + Math.floor( Math.random() * 999999 ) );

    video
        .wrap( '<div class="responsive-video-wrapper" style="padding-top: ' + ( video.attr( 'height' ) / video.attr( 'width' ) * 100 ) + '%" />' )
        .removeAttr( 'height' )
        .removeAttr( 'width' );
} );

作为一个非常快速和肮脏的修复。主要问题是jwplayer与theme.js功能冲突,似乎试图将所有对象元素包装在响应容器中