WordPress.org

Forums

[resolved] Videos not playing in chrome with warning (5 posts)

  1. mav_santana
    Member
    Posted 1 year ago #

    I am using the theme "THE PRODUCER" for my site. It allows me to embed iframe videos. The problems I am running into are:

    1) Youtube videos don't play on the intro level in Chrome and safari.
    2) Vimeo videos don't play on the intro level in all browsers.

    Here is a youtube video on my site http://nfmmotion.com/wordpress_sandbox/maybelline/

    Here is a vimeo video http://nfmmotion.com/wordpress_sandbox/this-is-kuduro-this-is-angola-culture/

    You can navigate around to see what I am talking about.
    I get this in error TypeError: p.getComputedStyle(...) is null for vimeo videos and this for youtbue in chrome vent.returnValue is deprecated. Please use the standard event.preventDefault() instead.

    Any help in this regard is appreciated.

  2. graphical_force
    Member
    Posted 1 year ago #

    Unfortunately, premium themes are not supported on the forums here. You will have to get support from the theme author. http://themeforest.net/item/the-producer-responsive-film-studio-theme/3262558

  3. mav_santana
    Member
    Posted 1 year ago #

    I am not asking help with the premium theme. My concerns are more so with the global warnings that I am seeing with wordpress or jquery. The warnings or errors I mentioned above when I googled for them show that it's a know jquery error. To see if it works I also downgraded my wordpress from 3.8.1 to 3.6, but that did not help. Pls help me with the warnings and errors I mentioned above. They are more than the theme and I also have a thread going on with the theme designer.

  4. graphical_force
    Member
    Posted 1 year ago #

    Your problem is with your theme not WordPress or jQuery. The issue is with you css here:

    media="screen"
    #video iframe, #video object, #video embed {
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    position: relative;
    top: 0;
    left: 0;
    width: 650px;
    height: 365px;
    display: inline-block;
    z-index: -999;
    }

    Remove the z-index part:

    media="screen"
    #video iframe, #video object, #video embed {
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    position: relative;
    top: 0;
    left: 0;
    width: 650px;
    height: 365px;
    display: inline-block;
    }

    You're welcome.

  5. mav_santana
    Member
    Posted 1 year ago #

    Doh. That was so not where I would look. I deemed it to be a jquery issue based on the comments I read related to the same error. Thanks for your help.

Topic Closed

This topic has been closed to new replies.

About this Topic