Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari iOS 15 video issue

Since I downloaded iOS 15, the video on my page no longer works (in Safari). I used the following code to embed the video.

<video id="video" autoplay="true" loop="true" muted="true" playsinline="true">
    <source src="media/video.mp4" type="video/mp4">
</video>

If I deactivate "GPU Process: Media" in the Safari settings, everything works again as before.

Do I have to embed the video differently?

like image 522
wyssale1 Avatar asked Sep 21 '21 06:09

wyssale1


People also ask

How do I fix Safari videos black screen bug iOS 15 and 15?

Fix Safari Video Black Screen On Mac Click Develop in the top menu bar while browsing Safari on Mac. Hover on Experimental Features. Scroll for GPU: Process Media. Click on it to disable it!

Why are videos not playing in Safari on iPhone?

Update iPhone So, if you still can't get the videos to play in Safari, then it's time to check for any pending updates for your iPhone. To check for software updates, open the Settings app and tap on General. Go to Software Update to download and install any pending updates.

Why is my Safari not letting me watch videos?

If you have a Mac computer and experience issues playing content on the Safari browser, this is due to a Safari feature which blocks the autoplay function on video playback. To enable autoplay, simply follow these steps: Click Safari, then 'Settings for this website'

How do I fix Safari video problems?

Force quitting and restarting can solve your videos not playing problem in Safari Browser and you might not require to proceed with the other fixes. in the menubar. Select Force Quit from the drop-down menu. It will open the Force Quit Applications window.

Are there any video playback issues on iOS 15?

Both standard mp4 files and streaming HLS files are experiencing substantial playback and rendering issues on iOS 15. Substantial load times (10+ seconds). Should be immediate. GPU Process:Media has been disabled yet issues persist. Safari immediately crashes with GPU Process: WebGL enabled. None of these issues were present on iOS 14.

What's new in iOS 15 for Safari?

With iOS 15, Apple is giving a complete redesign to the Safari app on iPhones with most changes coming as a means to improve privacy and one-handed usage. The new additions include a new Start Page, a new Floating Bar at the bottom, Tab Groups, a new Tab Switcher view, web extensions, and more.

How to fix Safari not working on iPhone?

Open the Settings app on your iPhone and select the ‘Safari’ option inside it. On this screen, scroll down and select the ‘Hide IP Address’ option under the ‘Privacy & Security’ section. You will now have to disable this feature by tapping the ‘Off’ option on the next screen. Once disabled, check if Safari is working normally.

How long does it take to load an MP4 file in Safari?

Note: Unfortunately, this does not solve loading standard mp4 files in Safari. The load time is still over 10+ seconds before visually rendering After selecting an mp4 file, the ’loadeddata’ and ‘loadedmetadata’ events do not occur immediately (which they should). It takes up to 5-10 seconds to fire the events.


Video Answer


1 Answers

Just wrap the video tag in div. I'm guessing that you positioned your video tag absolute or fixed. There seems to be a bug with that. Positioning the wrapper div fixed/absolute instead of the video element seems to help. It might also help to give the video element a background-color.

like image 160
leonleonleon Avatar answered Sep 23 '22 18:09

leonleonleon