静态页面视频资源加载错误,http 状态码为 206

目前又一个页面 http://timecoin.hesunfly.com/ ,首页有视频展示,但是有的浏览器可以看到视频,有的却不可以,不知道为什么?

有视频的界面

没有视频的界面

chrome会有四次请求,不是很明白为什么

视频页面的代码
静态页面视频资源加载错误,http 状态码为 206

http请求相应界面,206错误

希望知道怎么解决的老哥可以帮助一下,谢谢

Hesunfly
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
Hesunfly
最佳答案

@leo 感谢提醒,昨天我发现浏览器控制台有报错,但是没有注意自己去看,觉得应该是资源加载的问题。今天检索了报错,找到了解决办法。原因是新版Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频。其实,严格地来说,是Chrome不允许在用户对网页进行触发之前播放音频,而视频其实是不受限制的。但因为视频文件同样包含了音频,所以也一同被禁止了。Chrome这样做的目的是为了防止开发者滥用自动播放功能而对用户产生骚扰。然后这个视频属于背景,不需要音频,为video标签设置muted属性,使它静音,这样视频就能自动播放了。

4年前 评论
讨论数量: 6
Epona

应该是只加载了部分内容出来,导致无法播放。

可以看看这两个的解决方案(Nginx)相关:

https://www.jianshu.com/p/50bc4651dccf

https://bbs.csdn.net/topics/390446352?page...

4年前 评论
leo

https://developer.mozilla.org/zh-CN/docs/W...

206 是正确的响应,媒体资源通常是通过 206 响应的。

你应该看控制台有没有报错。

4年前 评论

感觉应该是浏览器某个策略没有开启吧,比如说 falsh

4年前 评论
Hesunfly

@Epona 加了之后没有效果,不过已经找到解决办法了,谢谢

4年前 评论
Hesunfly

@23tl 请看一下代码,我使用的h5播放器,要flash干嘛??

4年前 评论
Hesunfly

@leo 感谢提醒,昨天我发现浏览器控制台有报错,但是没有注意自己去看,觉得应该是资源加载的问题。今天检索了报错,找到了解决办法。原因是新版Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频。其实,严格地来说,是Chrome不允许在用户对网页进行触发之前播放音频,而视频其实是不受限制的。但因为视频文件同样包含了音频,所以也一同被禁止了。Chrome这样做的目的是为了防止开发者滥用自动播放功能而对用户产生骚扰。然后这个视频属于背景,不需要音频,为video标签设置muted属性,使它静音,这样视频就能自动播放了。

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!