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;
}

Hi Martin,

yes, from what we checked now after re-activating FV Player, it seems Chrome is working correctly.

Appreciate help with the Safari issue.

Many 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-installed FV Player 8 and this seemed to have solved the WP Rocket issue. Videos are now working again.

However the LIVE status issue is still existing
You can check here: https://www.livetube.tv/news/video-live-nasa-astronauts-perform-spacewalk-to-complete-upgrades-on-the-international-space-station

This video is currently LIVE but the status is not showing in the Frontend. In the Backend we can see LIVE also in the FV Player

Thanks for advise
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

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