Here what it shows on Safari in mobile and Chrome in mobile
https://drive.google.com/file/d/1YeD_PkwigYtrHUy7VezkryNNzckFEB1V/view?usp=drivesdk

Hi Martin, many thanks this is great!

One other thing, when a video is scheduled for Live by YouTube like this one currently https://www.livetube.tv/news/video-watch-live-karoline-leavitt-holds-white-house-press-briefing-2 then in desktop chrome browser the splash screen opens up and shows correct;ly the Notify Button from YouTube and the time when the video is scheduled.

However in our mobile browsers both Chrome and Safari nothing happens when a LIVE YouTube is scheduled and we click the video. Also on Safari desktop it does not do the trick.

Could it be that anything in caches blocks this function or is there anything else needed to have it working correctly in mobile devices?

See the screenshot here from the desktop for what I am talking about
https://drive.google.com/file/d/1YKqVG2HOtYk_PY3AIuQBb1Nce985PA8D/view?usp=drivesdk

FOR YOUTUBE on our site we have created the video as well:
https://www.livetube.tv/news/video-live-russia-says-it-shot-down-337-ukrainian-drones-over-10-regions

Hi Martin, yes, I will set it up for 9 am as suggested (London/ UTC)
Best
Sven

LiveStreams from your site work for us in Safari.
We will update the player to the version you shared and let you know

Tomorrow 9 am UTC works
I will share the link here as soon as the live stream is up and running.

I will also share a private chat link for us to communicate directly

Thanks for your help and look forward to re-connecting tomorrow

Sven

Hi Martin, we have now deleted and re-uploaded FV Player and FV Player Pro Plugin. It should now show the correct installs. Mistake might have been that we still had the LiveStreaming Plugin from you from version 7 active. This is now deactivated.

Then we tried different settings with WP Rocket. We also deleted all our custom CSS from the player. But still., nothing helped to get the Safari to play the clip.

In the backends both Safari and Chrome all works
Chrome Frontend works too
Safari frontend only plays sound but the video does not start

We have created a video for you to see
Let us know, if you need any additional information

Thanks for a fix for this

Have a great weekend
Sven

Screen Video:
https://drive.google.com/file/d/1nz49OdnfOiS7BueffDj5jmnHWhn1zZG7/view?usp=drivesdk

Sorry promised the screenshot, here it is
https://drive.google.com/file/d/12-vY3oEqn1WmuFLQ-OCVqp2VZhur6Gn7/view?usp=drivesdk

We have now also included the code to delay and defer but this still did not allow the Safari Player to show the stream.
When the HLS is over, the correct VOD is playing flawlessly. Player seems only to be blocked with HLS stream.

Or do i have to add exclusions to other parts then just Java minification

Hi there, just as an update

We added these to WP Rocket

fv-player-youtube.min.js
/wp-content/plugins/fv-player-pro/js/youtube.min.js
/wp-content/plugins/fv-player-live-streaming/js/live-streaming.min.js
/wp-content/plugins/fv-player/freedom-video-player/hls.min.js

It looks that on Chrome we got it to work now
However in Safari, we only here the sound, but the video is not playing

We have cleared all caches but that did not fix the issue
Also on incognito it does not work
Are there any other JS or other files we need to exclude?

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

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