如何让windows版Safari支持H5 audio/video?

最新推荐文章于 2024-03-12 08:55:25 发布
转载 最新推荐文章于 2024-03-12 08:55:25 发布 · 334 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/7z7chn/p/4993450.html

在Windows版Safari浏览器上遇到HTML5 audio/video功能无法使用的问题后，通过安装QuickTime解决了该问题。文章分享了解决过程及相关注意事项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天在windows版Safari上看效果的时候惊奇地发现它竟然不支持HTML5的audio/video, 这样的话就无法复现不少ios上出现的问题. 在同事提醒下, 发现Safari HTML5 Audio and Video Guide - iOS-Specific Considerations中提到了:

Safari on the desktop supports any media the installed version of QuickTime can play.

于是装了QuickTime. 装完之后的确支持audio/video了.

转载于:https://www.cnblogs.com/7z7chn/p/4993450.html

移动端H5 audio/video 标签遇到的一些问题总结
tianmd_Eric的博客
06-04 2568
写在开头   由于需求的不断完善，最近着手的 移动端 代码中需要加入音效和背景视频，第一反应就是audio，做完demo之后测试发现在 safari 浏览器中没有得到想要的效果，经过查阅资料发现很多前辈都遇见过这个坑，为了总结在这里做个笔记，也说一说我自己的代码中实际的问题和解决办法~ audio标签的问题 主要是safari浏览器中的一些限制； 1.每次只能播放一个音频。 意思就是说我在播放一个音频的时候，不能同时播放另一个音频，代码中没有这种需求，真实性有待考证。 2.不支持 preload 和 aut
audio/video 的 ‘ oncanplay ’ 事件在android中能触发，但是在ios系统中为什么不能触发？
即使萍水也不要相逢的博客
03-13 3878
问题场景： 小编在IOS真机上对自己的移动端app做真机测试时候，发现不能触发oncanplay事件
为了解决在safari浏览器video标签无法播放视频的问题
08-10
为了解决在safari浏览器video标签无法播放视频的问题
safari 不支持 html5 mp4播放器,无法在Safari浏览器中播放html5视频..！
weixin_39645343的博客
06-18 1760
Home PageYour browser does not support the video tag.Your browser does not support the video tag.Your browser does not support the video tag.Your browser does not support the video tag.Your browser do...
html5的audio在safari(windows)中无效
baoaoba9317的博客
11-26 340
因为mac下的safari不会有这样的问题（OSX默认都装的有QuickTime），而windows下用safari的比例实在小不用考虑。 apple算是偷了一个小懒。而所谓的需要quicktime并非是把quicktime作为插件，而是safari（包括整个macos）的音视频处理使用的是quicktime作为后台。 这个与插件有区别，QuicktimeFramework在o...
html5视频在站点中无法播放,使用html5视频标签时在safari中不播放视频
weixin_39814454的博客
06-04 354
可能是MP4如何编码的问题。我知道这个问题有点老了，但我也有同样的问题，所以万一你或者像我一样最先发现这个问题的人能帮上忙：看起来QuickTime(这是一个为Safari播放MP4s的插件)只在文件用特定的配置文件编码时才起作用。这在Apple's FAQ中的问题2中指定。Although the protocol specification does not limit the video a...
H5的audio/video标签播放音频流在safari里问题
回梦游仙
03-27 1748
safari中audio播放音频流描述接口代码提醒问题 描述 最近在做H5的video和audio播放视频或音频流的时候遇到问题:在chrome里和安卓里播放都没有问题,但是放到safari和iOS里播放就播放不出来. 接口代码 @RequestMapping(value = "/getVideo", method = RequestMethod.GET) public void getVideo(HttpServletRequest re , HttpServletResponse resp) {
HTML5 video 视频标签使用介绍
09-28
<source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> <!-- 不支持<video>标签时的备选内容 --> 您的浏览器不支持HTML5视频。 </video> ``` **属性说明：** - `width`和`...
html5视频自动播放兼容谷歌浏览器,chrome浏览器不支持audio和video标签的autoplay自动播放解决方案...
weixin_35427210的博客
05-31 4544
音频audio和视频video无法自动播放这个在IOS上面一直是个惯例。桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66开始也正式关掉了声音自动播放，也就是说在Safari、Chrome、opera浏览器中音频audio和视频video自动播放功能都将失效。解决方案一在chrome 浏览器中输入：chrome://f...
H5嵌入手机端页面直播
12-13
H5直播的核心在于利用HTML5的MediaSource Extensions (MSE) 和Audio/Video标签来实现流媒体播放。MSE是HTML5的一个扩展，它允许开发者通过JavaScript处理和播放来自不同源的多媒体数据。通过这种方式，我们可以将...
Safari HTML5 Audio and Video Guide
10-17
If you embed audio or video in your website, you should use HTML5.
window使用chrome调试ios设备的H5页面（Safari和APP）
weixin_43780671的博客
11-17 4285
window使用chrome调试ios设备的H5页面（Safari和APP） 1：用管理员身份打开PowerShell，不同操作系统打开方式不太一样，win10的话在搜索栏搜索就能找到（ 2：查看PowerShell版本 命令：Get-Host | Select-Object Version 3：一行命令安装 Scoop 3.1：执行命令：iex (new-object net.webclient).downloadstring(‘https://get.scoop.sh’) ①：这里如果出现这个报错： 使
Safari浏览器下使用H5视频播放问题的解决
qq_27800521的博客
03-25 9276
我们的项目，由于先做的安卓APP的开发，在安卓上测试视频播放通过以后。同样的接口放到IOS上是不能播放的。后来查了相关资料了解到其中的差别，总的来说，安卓上是请求一个视频链接，返回一整个视频文件。但是在IOS上，不是一次性请求全部文件的，一般首先会请求0-1字节，然后多次分段请求视频数据。 所以首先要解析Request Headers里面的Range字段，获取本...
safari浏览器播放video视频
快乐的小海绵
07-10 5506
在safari浏览器中，视频播放不了，问题点在于视频本身。 1.必须在视频输出时，加rang请求头。 2.html5media.js亲测无效，不需要加，只要处理好第一点即可 上代码 一、视频输出 $total = filesize($filename); if(isset($_SERVER['HTTP_RANGE'])) { $range = str_replace('=','-',...
前端网页如何在 Windows 上测试 Safari
时间在飞飞的博客
03-12 3953
不幸的是，无法激活响应式设计模式，因此您将无法测试 iOS。MiniBrowser 和 Safari 之间的功能支持存在一些差异，因此它不是 100% 完美的。但基本的东西是一样的，所以你可以测试你的CSS布局是否正常工作，或者你的鼠标事件处理代码是否正常工作。返回到您在步骤 1 中下载的 WebKitRequirementsWin64.zip 文件，从 bin64 目录中获取所有文件，并将它们复制到与 MiniBrowser.exe 相同的目录中。Safari 无法在 Windows 上运行。
苹果浏览器无法边下边播MP4(谷歌浏览器可以)
lixiang987654321的专栏
09-06 1868
一、问题提出 项目开发过程中遇到一个问题： >基于webkit内核的浏览器H5的Video标签(获取android手机，一般也是webkit浏览器)可以正常播放MP4文件，但是基于苹果操作系统的safari浏览器或者苹果微信小程序内置浏览器都无法播放远程后台的MP4文件。 发现问题： 为了能发现android端与IOS端微信小程序内置浏览器的不同，通过对比两个浏览器发送给后台的包，可以发现如下端倪： android浏览器： 苹果浏览器： 对比之后发现没有什么区别，最后发现问题并不...
firefox chrom safari 对video标签的区别
莫冲的专栏
11-14 302
在这个有关视频的快速技巧里，我们将探讨如何在项目中使用 HTML5 video 标签。由于旧的浏览器和 Internet Explorer 不支持 元素，我们必须为这些浏览器找到一个支持 Flash 文件的解决方案。 不幸的是，和 HTML5 音频一样，涉及到视频的文件格式，Firefox 和 Safari/Chrome 的支持方式并不相同。因此，如果你想在这个时候使用 HTML5 视频，则需...
解决html5 audio iphone,ipd，safari不能自动播放问题
01-08 1607
html audio 在iPhone，ipd,safari浏览器不能播放是有原因滴 (在safri on ios里面明确指出等待用户的交互动作后才能播放media，也就是说如果你没有得到用户的action就播放的话就会被safri拦截) 找了很多资料都没有解决，不过最终在国外网站通过翻译解决问题，希望能帮到没有解决此问题的童鞋 附带源码如下：黑色部分表...
h5是什么？
最新发布
04-01
直接嵌入音频（$<audio>$）和视频（$<video>$），无需依赖Flash等插件[^1]。 3. **图形与动画** 通过$$元素和WebGL实现2D/3D图形渲染，适用于数据可视化、游戏开发等场景。 4. **跨平台移动应用** 结合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值