YouTube Backend Showing Live Frontend Not

Hi Martin, thanks for getting back. Yes we are using the YouTube API and there are no errors reported.

You could check this one which is currently not live and then not showing the LIVE at when click at the play button
https://www.livetube.tv/news/video-live-kristi-noems-confirmation-hearing

You could check this one which is currently LIVE
https://www.livetube.tv/news/video-live-polish-prime-minister-donald-tusk-meets-ukraines-president-volodymyr-zelenskiy

Weirdly, sometimes we see the LIVE also in the frontend.
Thanks for checking, appreciate.

Thanks
Sven

Hi Martin,

Thanks for the feedback. I’ll do the upgrade.

However, here’s a thought that might mean the upgrade doesn’t change it either.

We post the link to our page when the video is scheduled for live. At the moment, the YouTube Player shows a message like “live in xxx minutes.”

My question is: Will there be another API call to detect when the video starts streaming? Is it then checking again when a user enters the page?

We’ve noticed that when we include the link when the YouTube video is in the “live” state, everything works fine. But when the video switches from scheduled to live, it seems that the player isn’t picking this up.

Just a thought, but could this be a reason for how the API call is done?

I’ll check Player 8 and report back.

Thanks,
Sven

HI Martin,

also we checked on the initial problem.
We are still experiencing the same issue,
When watching a video in the backend , the player correctly renders and shows LIVE.

When we watch in the frontend, it does not show this.

Rocket is now disabled.

See the two screenshots:

Frontend:
https://drive.google.com/file/d/18WrGOkTrRVjE0B1wsPdgdc5khbVyXzVl/view?usp=drivesdk

Backend:
https://drive.google.com/file/d/1lXUTGwJcee7417WyM5ygxKx1CfCvJUkD/view?usp=drivesdk

Let me know what additional info you would need

Many thanks for your help,
Sven

To add: When videos are in “sc heduled” status , meaning a live stream is scheduled for later. then the player button is not doing anything.

In the backend however, we can see the “Live in XXX minutes” from the original YouTube player.

Hope this helps to further investigate

Thanks
Sven

Hi Martin

thanks for checking, however in the backend all works fine with your player. It is just in the frontend that it does not work.

When I disable FV player then it works in Safari,

Check the same URL, we have disabled FV Player
https://www.livetube.tv/news/video-live-nasa-astronauts-perform-spacewalk-to-complete-upgrades-on-the-international-space-station

Thanks for your ongoing help
Sven

Hi Martin,

We’re encountering another issue with the new FV Player 8 and YouTube videos.

When a user pauses a video in mobile browsers (we tested both Safari and Chrome), it’s unable to be restarted, regardless of whether the user uses incognito mode or not.

Here’s a video demonstrating the problem:
https://drive.google.com/file/d/1OfkYhBEHjPLCrDJHM37bVbe0mRlUijv1/view?usp=drivesdk

Here’s the link to the video:
https://www.livetube.tv/news/video-hero-mother-dog-carries-dying-puppy-to-vet-for-treatment-before-watching-medics-battle-to-save-her

Additionally, we’ve attempted to eliminate the lazy load/delay JavaScript, but we haven’t been successful. We received the following code from WP Rocket:

/wp-content/plugins/fv-player/freedom-video-player/fv-player-youtube.min.js
/wp-content/plugins/fv-player/freedom-video-player/fv-player.min.js

Do you have any alternative suggestions?

Thanks a lot for your assistance,
Sven

Hi Martin

thanks for getting back.

We might have a misunderstanding here.
All works in desktop currently Player 8 but not on mobile.
It worked in mobile in the Player 7.

The issue is not with the button and that it shows in paused state.
The issue is that in mobile, when the user pauses the video, a click does not do anything anymore. The video can not be restarted anymore.

In the videos I shared, you see the behavior,

Please find our current CSS here also, if this might help.

Many thanks for your help
Sven

/* Use the ::after pseudo-element for the play button */
.is-splash.flowplayer .fp-ui::after,
.is-splash.flowplayer .fp-player .fp-ui::after,
.is-paused.flowplayer .fp-player .fp-ui::after,
.lightbox-starter.flowplayer .fp-ui::after,
.show-video-button::after {
    content: '';
    display: block;
    background: url(https://cdn2.livetube.tv/news/wp-content/uploads/sites/8/2023/06/500_500LT_playbutton_w.png) center no-repeat;
    background-size: 14%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

/* Adjust the size of the play button for mobile devices */
@media (max-width: 480px) {
  .is-splash.flowplayer .fp-ui::after,
  .is-splash.flowplayer .fp-player .fp-ui::after,
  .is-paused.flowplayer .fp-player .fp-ui::after,
  .lightbox-starter.flowplayer .fp-ui::after,
  .show-video-button::after {
    background-size: 14%; /* adjust this as necessary for mobile devices */
  }
}

/* Hide the play button while seeking */
.is-seeking.flowplayer .fp-ui::after { 
    display: none;
}

/* Hide the original play button */
.flowplayer .fp-ui > .fp-play, .flowplayer.is-splash .fp-ui > .fp-play { 
    display: none !important;
}

Thanks, Martin! I believe we’ve identified the solution!

As per my earlier question, could you please suggest how we can disable the JavaScript delay using code? We would prefer the player to load completely even without any user interaction.

I believe we’ll have everything we need then. I’m just waiting for your advice on the LIVE issue with Safari Mobile.

Best,
Sven