Video plays in s3bubble admin but NOT on my wp site

[Jay]

Hi,
My videos are playing in the admin area in s3bubble, however, when I add them to a post in my connected wp domain the videos will not play? Everything else has gone smoothly during setup by following your intro tutorial. My only issue is video will not play on site.

Here is the test post:

test

Thanks.

[s3bubble]

Hi Jay,

If you check your theme css it has the following.

https://metabolictrainingexpert.com/wp-content/themes/themify-ultra/style.min.css?ver=1.8.2

Search: vjs-big-play-button
.vjs-big-play-button, .vjs-control-bar, .vjs-error-display, .vjs-text-track-display {
display: none !important;
}

This is hiding the video player play button and control bar remove this style from your stylesheet and everything will work.

Best Regards

Sam

• This reply was modified 8 years, 4 months ago by s3bubble.
• This reply was modified 8 years, 4 months ago by s3bubble.

[Jay]

Hello Sam!

Thanks for your help. I removed css as suggested and that somewhat helped. I am now able to view play button and play video inside chrome 🙂

However, upon further testing using the following post to add further testing for my course layout, I ran into the same issue. Here is the post:

TESTING VIDEO S3 DISPLAY

Additionally, I could not see the videos (no s3bubble videos showing) when using windows browser. Here is what I see using windows edge browser:

http://take.ms/7Z5Cd

Really hoping I can fix these early during this testing period as I am VERY keen to adopt s3bubble membership to solve my media delivery via Amazon S3.

Thanks again for taking a look at these early issues!
Jay

[s3bubble]

Hi Jay,

we have applied some IE fixes can you please try now.

Best Regards

Sam

[Jay]

Hi Sam,

Nice one! IE now working. However, the issue with my course posts remains the final frontier for me as this issue would prevent me being able to use s3bubble with my membership courses using my current IDEAL course presentation model.

To view the issue please revisit the page:

TESTING VIDEO S3 DISPLAY

CLICK the ‘introduction’ dropdowm tab to see the same (no play button or controls) issue during page loading. If I can fix this, I will be good to go (and my trial will be successful)!!

Please could you guys help try to locate the error, so I can deal with it on my end?

Many Thanks again 🙂
Jay

• This reply was modified 8 years, 4 months ago by Jay.

[s3bubble]

Hi Jay,

again it is your theme css this stylesheet this time.

https://metabolictrainingexpert.com/wp-content/themes/themify-ultra/themify/themify-builder/css/themify-builder-style.min.css?ver=3.2.1

I have no idea what the purpose of adding the display none to the element is and forcing it with important?

But remove these lines
.themify_builder .vjs-big-play-button, .themify_builder .vjs-control-bar, .themify_builder .vjs-error-display, .themify_builder .vjs-text-track-display {
display: none !important;
}

That will resolve your issue.

Best Regards

Sam

[s3bubble]

Also if you are using the WordPress plugin you can embed Youtube videos with the following code.

[s3bubble codes="https://www.youtube.com/watch?v=zrOJfQUFDdE" type="service" /]

Best Regards

Sam

[Jay]

Hi Sam…. You Guys Rock!! Problem sorted.

I’m not sure how to keep the changes to the css files when I come to have to load any theme version updates (I imagine it will keep overwriting the changes). We will see 🙂

Really appreciate your help mate!!

Job done.

Thank you,
Jay

[s3bubble]

Cheers Jay 😉

Glad it’s working now.

Best Regards

Sam

[robertmonroe]

Add the Custom CSS to a child theme.

[Jay]

Hi Robert, thanks, will do!

[Author]

Posts