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?
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!
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.
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'
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.
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.
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.
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.
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.
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
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With