草庐IT

$​​Safari​​

全部标签

ipad - 以 HTML5 呈现的 H.264 编码 MP4 在 Safari 上播放,但在 iOS 设备上播放

我正在使用Adob​​eMediaEncoderCS5将FLV文件编码为H.264以通过HTML5呈现在网络上,视频文件在OSX的Safari中播放得很好(在Firefox中编码为OGG),但在任何iOS设备(iPad、iPhone)我看到带有横线的播放图标。有没有人以前遇到过这种情况,如果有,关于原因有什么想法吗?谢谢。 最佳答案 我们遇到了这个问题,发现根据iPhone的webview标准对文件进行编码创建的文件可以正常播放。并非所有H.264编码的Mp4文件都受iPhone(或Chrome)支持,编码过程中的细微差别可能会产生

ipad - 以 HTML5 呈现的 H.264 编码 MP4 在 Safari 上播放,但在 iOS 设备上播放

我正在使用Adob​​eMediaEncoderCS5将FLV文件编码为H.264以通过HTML5呈现在网络上,视频文件在OSX的Safari中播放得很好(在Firefox中编码为OGG),但在任何iOS设备(iPad、iPhone)我看到带有横线的播放图标。有没有人以前遇到过这种情况,如果有,关于原因有什么想法吗?谢谢。 最佳答案 我们遇到了这个问题,发现根据iPhone的webview标准对文件进行编码创建的文件可以正常播放。并非所有H.264编码的Mp4文件都受iPhone(或Chrome)支持,编码过程中的细微差别可能会产生

解决苹果Safari 浏览器下html不能自动播放声音和视频的问题-实时语音通话功能【唯一客服】...

在实现我的客服系统中,实时语音通话功能的时候,如果想自动播放音视频流,在苹果设备上遇到了问题。苹果浏览器(Safari)在默认情况下不允许声音在背景里自动播放。这是出于用户体验和隐私方面的考虑,避免在用户没有意识到的情况下自动播放声音。解决办法是iOS11及以上版本的Safari浏览器。当用户已经有过至少一次交互以后,可以设置下面两个属性,muted和playsinline属性。然后动态js设置一下,就能自动播放声音了然后在js里动态设置一下属性varmyAudio=document.getElementById('myAudio');myAudio.muted=false;//将muted属

ios - SVG 变换旋转 90、180 或 270 度在 Safari iOS 10 中不起作用

我想通过设置stroke-dasharray和改变stroke-dashoffset使用SVG圆形元素创建圆环图。SVG元素需要旋转270(或-90)度,以便图表“栏”从顶部开始。这是代码:http://jsfiddle.net/q3wb6gkq/旋转角度使用transform="rotate(270,80,80)"中的第一个数字指定。问题是:在iOS10上的Safari中查看时,不会应用此旋转。事实上,设置90、180或270度旋转没有任何效果。也不会应用相同的角度但为负(例如-90)。这是iOS10.0.1上Safari中上述fiddle的屏幕截图:这是iOS9.3.5上Safar

ios - SVG 变换旋转 90、180 或 270 度在 Safari iOS 10 中不起作用

我想通过设置stroke-dasharray和改变stroke-dashoffset使用SVG圆形元素创建圆环图。SVG元素需要旋转270(或-90)度,以便图表“栏”从顶部开始。这是代码:http://jsfiddle.net/q3wb6gkq/旋转角度使用transform="rotate(270,80,80)"中的第一个数字指定。问题是:在iOS10上的Safari中查看时,不会应用此旋转。事实上,设置90、180或270度旋转没有任何效果。也不会应用相同的角度但为负(例如-90)。这是iOS10.0.1上Safari中上述fiddle的屏幕截图:这是iOS9.3.5上Safar

ios - 确定用户是否已启用应用程序的 Safari 内容拦截器扩展

我正在研究SafariContentBlockingextension.如果扩展被禁用,我打算显示设置说明,如果相反启用,我打算显示设置。如何确定用户是否启用了扩展程序?我看过thismethod检测自定义键盘是否已激活,但NSUserDefaults上没有与Safari内容拦截器相关的键。 最佳答案 从iOS10开始,SFContentBlockerManager中有一个新方法支持这一点:getStateOfContentBlocker(withIdentifier:completionHandler:)你这样调用它(Swift3

ios - 确定用户是否已启用应用程序的 Safari 内容拦截器扩展

我正在研究SafariContentBlockingextension.如果扩展被禁用,我打算显示设置说明,如果相反启用,我打算显示设置。如何确定用户是否启用了扩展程序?我看过thismethod检测自定义键盘是否已激活,但NSUserDefaults上没有与Safari内容拦截器相关的键。 最佳答案 从iOS10开始,SFContentBlockerManager中有一个新方法支持这一点:getStateOfContentBlocker(withIdentifier:completionHandler:)你这样调用它(Swift3

ios - Mobile Safari - 输入插入符不随溢出滚动一起滚动 : touch

我知道MobileSafari在“动量”(-webkit-overflow-scrolling:touch;)滚动时不会触发事件。但这并不完全相同,因为Safari在内部处理输入的(闪烁的)插入符号。#container{position:absolute;top:20px;bottom:20px;width:50%;-webkit-overflow-scrolling:touch;overflow-y:auto;border:1pxsolidblack;}input{margin-top:60vh;}.filling{height:200vh;}在您的设备上试试这个fiddle(聚焦

ios - Mobile Safari - 输入插入符不随溢出滚动一起滚动 : touch

我知道MobileSafari在“动量”(-webkit-overflow-scrolling:touch;)滚动时不会触发事件。但这并不完全相同,因为Safari在内部处理输入的(闪烁的)插入符号。#container{position:absolute;top:20px;bottom:20px;width:50%;-webkit-overflow-scrolling:touch;overflow-y:auto;border:1pxsolidblack;}input{margin-top:60vh;}.filling{height:200vh;}在您的设备上试试这个fiddle(聚焦

html - Safari CSS 字体颜色问题

我在macbook、iphone和ipad上的safari浏览器中遇到字体颜色问题。禁用元素变成灰色,我希望它保留原来的样子颜色:黑色。在firefox和chrome中的结果都可以。这是我的CSS代码:input[disabled],textarea[disabled],select[disabled='disabled']{color:#000000!important;}我也试过使用颜色名称,但他的结果是一样的。感谢您的帮助! 最佳答案 这是我发现的唯一适用于FF、Chrome、Safari和SafariMobile的解决方案。