S3Bubble OTT Streaming

shape
shape
shape
shape
shape
shape
shape
shape

S3Bubble Support Forums

To stay up to date with the latest S3Bubble updates and tutorials please make sure you sign up to our YouTube Channel.

home › Forums › General Questions & Bugs › Video plays in s3bubble admin but NOT on my wp site

Viewing 10 reply threads
  • Author
    Posts
    • July 4, 2017 at 10:54 pm #30821
      Jay
      Participant

      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.

    • July 4, 2017 at 11:38 pm #30828
      s3bubble
      Keymaster

      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 7 years, 10 months ago by s3bubble.
      • This reply was modified 7 years, 10 months ago by s3bubble.
    • July 5, 2017 at 8:55 am #30837
      Jay
      Participant

      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

    • July 5, 2017 at 12:14 pm #30840
      s3bubble
      Keymaster

      Hi Jay,

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

      Best Regards

      Sam

    • July 5, 2017 at 1:42 pm #30841
      Jay
      Participant

      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 7 years, 10 months ago by Jay.
    • July 5, 2017 at 1:54 pm #30843
      s3bubble
      Keymaster

      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

    • July 5, 2017 at 1:56 pm #30844
      s3bubble
      Keymaster

      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

    • July 5, 2017 at 2:10 pm #30845
      Jay
      Participant

      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

    • July 5, 2017 at 3:32 pm #30846
      s3bubble
      Keymaster

      Cheers Jay 😉

      Glad it’s working now.

      Best Regards

      Sam

    • July 5, 2017 at 3:53 pm #30847
      robertmonroe
      Participant

      Add the Custom CSS to a child theme.

    • July 5, 2017 at 3:55 pm #30848
      Jay
      Participant

      Hi Robert, thanks, will do!

  • Author
    Posts
Viewing 10 reply threads
  • The topic ‘Video plays in s3bubble admin but NOT on my wp site’ is closed to new replies.