I have a video that I'd like to place on my website. <video controls playsinline> <source src="myvideo.mp4" type="video/mp4"> </video> I have no trouble getting the video to play on any browser other than Safari. However, on Safari, only the video…
Sample video showing the problem: https://gget.it/io64/h264test13576.mp4 - can you play it on Safari? I have a video on a HTML page <video controls><source src="/files/test.mp4"></video> that works on PC (Firefox, Chrome, etc.) but sadly it doesn't work on iPhone Safari (which…
I wrote the standard code for the double-click listener using JavaScript and Jquery. But I do not know why my code does not work for the mobile version of the site on a device with iOS 17.5.1 and higher. The…
On Safari phones, I get a terrible white stripe on top. I would like it to be filled with background For example, on this site, there is no such strip on top HTML file: <!DOCTYPE html> <html lang="ru"> <head> <meta…
Take a look at the two images below. I am using a radial gradient to create a reflection effect on a picture frame. As it is moved around in 3D space, I am changing its background position. background-image: radial-gradient(50cqw, #ffffffff,…
I am a beginner and I am writing a webapp with React JS. For a certain part of my app, I need to dynamically create divs and I came up with this snippet: <div className="flex flex-col items-center gap-4 w-full px-4">…
I had made a background video for my website which worked on all browsers. But there seems to be some kind of issue with Safari browser Version 17.2.1. By default that video will be stopped and the play button will…
My client told me that them and their website's visitors with iPhones can't open the mailto link inside an tag. <a href="mailto:[email protected]" title="E-mail"><span itemprop="email">[email protected]</span></a> The link should open your email app or whatever behaviour is associated with mailto. Since I…
I am experiencing an issue when running a script on Safari, specifically WebKit. Here is a sample HTML code: <!DOCTYPE html> <html lang="en"> <head> <script> function delayedFocus(e) { e.preventDefault(); setTimeout(function() { e.target.focus(); }, 1000); // Adjust the delay time as…
The following code displays fine on Chrome and Firefox, but on Safari (17, Mac+IpadOS) the bar baselines are changing. Even weirder (and which makes me think it could be a rendering issue), it can be fixed by changing the height…