mobile-safari 相关问题

Apple的Safari网络浏览器的移动版本。

Firebase 存储 mp3 无法在 ios 版 safari 上加载

无论我做什么，我都无法从 Firebase 存储中获取音频文件以在 ios 的 safari 浏览器上播放。我读过 12 年前的问题和答案，告诉我要写 mimeType ...

firebase mobile-safari html5-audio

回答 1 投票 0

Safari 中的 WebM 和 Opus

由于 Safari 的支持不佳，在网络上使用无专利的音频和视频编解码器一直存在问题。不过，根据 Safari 15 发行说明，这种情况可能会开始改变。 ...

ios safari mobile-safari webm opus

回答 1 投票 0

iOS Safari 中未触发存储事件

我在 iOS Safari 中有两个选项卡，它们都打开到同一页面。两个选项卡都有一个针对窗口对象上的存储事件的事件侦听器，并且当客户端单击/点击/ty...时都写入本地存储...

javascript local-storage mobile-safari

回答 1 投票 0

背景视频无法在 safari 浏览器上自动播放，使用 svelte 构建网站

我用svelte建立了一个网站。从 'svelte-meta-tags' 导入 { MetaTags }；从“svelte-viewport-info”导入视口从 './assets/vid... 导入 vi...</desc> <question vote="0"> <p>我使用 svelte 建立了一个网站。</p> <pre><code><script lang="ts"> import { MetaTags } from 'svelte-meta-tags'; import Viewport from 'svelte-viewport-info' import vi from './assets/videofile.mp4' import posterimg from './assets/PosterImage.png' </script> <main> <video autoplay muted loop Playsinline src={vi} poster={posterimg}> </video> </main> <style> video { width: 100%; -moz-user-select: none; -webkit-user-select: none; user-select: none; pointer-events: none; } </style> </code></pre> <p>在线构建并部署网站后</p> <p>背景视频没有自动开始播放</p> <p>找到了这个答案<a href="https://stackoverflow.com/questions/59325257/html5-video-background-not-playing-safari-on-iphone?#answer-59438421">在这里</a></p> <pre><code>Safari doesn't allow autoplay of video on these 2 scenarios 1. when "muted" config not set 2. when iphone is in battery saving mode or in low battery </code></pre> <p>其他一些人建议包括 <pre><code>muted</code></pre> <pre><code>autoplay</code></pre> <pre><code>Playsinline</code></pre> 已经完成了，但仍然面临同样的问题</p> <p>有人建议<a href="https://stackoverflow.com/questions/59325257/html5-video-background-not-playing-safari-on-iphone?#answer-59438421?#answer-59660580">here</a>将<pre><code>.mp4</code></pre>视频链接转换为JavaScript中的<pre><code>BLOB</code></pre>，如下所示</p> <pre><code> <video id="ForcePlay" width="500px" height="500px" muted playsinline controls> <source src="url path to your video file" type="video/mp4"> </video> <script type="text/javascript"> function makeURL(object) { return (window.URL) ? window.URL.createObjectURL(object) : window.webkitURL.createObjectURL(object); } async function display(videoStream){ var myvideo = document.getElementById('ForcePlay'); let blob = await fetch(videoStream).then(r => r.blob()); var videoUrl= makeURL(blob); myvideo.src = videoUrl; } display('url path to your video file'); </script> </code></pre> <p>已经有 <pre><code>muted</code></pre> <pre><code>autoplay</code></pre> <pre><code>Playsinline</code></pre> 还是同样的问题</p> <p>这是视频<a href="https://santhoshnumberone.github.io/videotest/" rel="nofollow noreferrer">链接</a>您可以在 iPhone 上的 safari 上进行测试</p> <p>如何将文件转换为 <pre><code>svelte</code></pre> 中的 blob，类似于用户建议的解决方案？</p> <p>还有其他方法可以解决这个问题吗？</p> </question> <answer tick="true" vote="0"> <p>视频由 <pre><code>AV1</code></pre> 编码，<pre><code>Safari</code></pre>、整个 Apple 生态系统和 Android 上的 <pre><code>Firefox</code></pre> 不支持。</p> <p>来源：<a href="https://www.lambdatest.com/web-technologies/av1-support-on-safari-15" rel="nofollow noreferrer">https://www.lambdatest.com/web-technologies/av1-support-on-safari-15</a></p> </answer> </body></html>

javascript safari mobile-safari svelte

回答 0 投票 0

当使用 iOS 应用程序中嵌入的 Safari 变体时（例如，当用户单击 FB Messenger 中的链接时），JavaScript recognize() 不起作用？

在我的网站上使用 iOS 版 Safari 的用户如果使用 Safari 手动导航到该网站，则不会遇到任何问题。但是，如果有人向他们发送了一个链接并且他们点击了该链接，则伪浏览器

javascript ios safari mobile-safari wkwebview

回答 1 投票 0

如何在 iPhone 网页上创建“添加到日历”链接

许多日历程序（Outlook、iCal）都支持 vCal，用于下载事件信息并将其添加到您的日历中。其他人可以使用 vCalendar 微格式来提取数据。这些都不是，

iphone mobile-safari vcalendar vcal

回答 5 投票 0

在 Safari iOS 上处理通知点击事件

我终于让网络推送通知可以在所有平台上运行。但苹果总是需要让事情变得比应有的更复杂，并且不支持通知上的点击事件（请参阅链接

javascript typescript push-notification progressive-web-apps mobile-safari

回答 1 投票 0

内联 SVG 在 Safari 和 Mobile Safari 中中断

我最近推出了一个使用了一些内联 SVG 的网站。我最近推出了一个使用了一些内联 SVG 的网站。 <svg class="divider-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 55.221 58.079" enable-background="new 0 0 55.221 58.079" xml:space="preserve" preserveAspectRatio="xMidYMid meet"> <path d="[...]"/> </svg> Chrome 和 Firefox 中一切都很完美，但当我在 iPhone 或桌面版 Safari 中测试时，布局完全被破坏，许多 SVG 都丢失了。我通过 W3C 验证器运行了源代码，一切都找到了。我经常使用 SVG，所以这很令人困惑...... 事实证明，如果省略 height 和 width 属性，Safari 和 Mobile Safari 就会崩溃。我使用 CSS 设置尺寸，这在其他浏览器中运行良好。但我必须重新添加这些属性以使其行为一致： <svg class="divider-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="55.221px" height="58.079px" viewBox="0 0 55.221 58.079" enable-background="new 0 0 55.221 58.079" xml:space="preserve" preserveAspectRatio="xMidYMid meet"> <path d="[...]"/> </svg> 注意上面缺少的 width 和 height 属性。此外，有趣的是，preserveAspectRatio 的值很重要。我还有其他几个具有 preserveAspectRatio="none meet" 的内联 SVG 元素，它们不受此问题的影响。另一个场景/修复方法是，如果您通过 CSS 缩放 SVG，以确保同时声明了 max-width 和 max-height。 .whatever svg { vertical-align: middle; max-height: 1rem; max-width: 1rem; } 我也遇到了这个问题，其中只有许多重复的 SVG 中的第一个会显示在列表显示中。这是因为 SVG 在元素中有一个带有 ID 的 ClipPath。解决方案是为除第一个之外的每个 SVG 删除中的，或者将其全部删除。

css svg safari cross-browser mobile-safari

回答 3 投票 0

如何在使用transform:scale时填充屏幕，而不是在屏幕上居中并周围有空白？

我想使用以下代码将页面缩放到65％，但它在iOS版Safari上不起作用：身体 { 变焦：0.65； } 所以我使用这个代码：身体 { -webkit-transform：缩放...

css ios zooming mobile-safari css-transforms

回答 1 投票 0

使用transform:scale时如何填充屏幕？

我想使用以下代码将页面缩放到65％，但它在iOS版Safari上不起作用：身体 { 变焦：0.65； } 所以我使用这个代码：身体 { -webkit-transform：缩放...

css ios zooming mobile-safari css-transforms

回答 1 投票 0

Next js 网站一旦我离开 iphone 中的 safari，音频就会停止播放，即使 safari 在后台运行

我的问题是我的网站的音频没有在 iPhone 和 ios 的后台运行，但我已经看到所有其他网站在主屏幕中获取小部件，并且即使我离开 safa 也在后台运行...