Comments (12)
Chrome calculates MEI score for sites. policy autoplay When MEI is high enough, media playback without muted is allowed to autoplay on desktop only. Maybe the official site of xgplayer in your Chrome gets a high MEI.
The autoplay MEI computation method of Chrome is inexplicit for users, so we suggest that you should give up the plan that autoplay without muted.
from xgplayer.
In Chrome, muted autoplay is always allowed. See the policy. So autoplay is available in xgplayer with config "volume: 0".
from xgplayer.
from xgplayer.
In my project my video still cant auto play at chrome 68.0.3440.84 on macOS High Sierra, i suspect It be effected the warning message:
Failed to load http://img-test.aixuexi.com/B:1005:K/1532448000/0caeb04be45a4447b9896015eb1bf02c.mp4: Request header field Range is not allowed by Access-Control-Allow-Headers in preflight response.
i add the config: ### crossOrigin: true
it still has warning.
i dont know why?
official demo can auto play. it url: http://h5player.bytedance.com/examples/
from xgplayer.
@zhangzs000 If you are trying to use xgplayer with xgplayer-mp4 plugin, your video server should support range request. With range request, the warning will not happen again.
The config "crossOrigin: true" is unnecessary.
from xgplayer.
operating environment:
mac
chrome 68.0.3440.84(正式版本) (64 位)
i remove the the plugin xgplayer-mp4, no warning "Request header field Range is not allowed by Access-Control-Allow-Headers in preflight response." in chrome now. but it still cant auto play.
so i suspect the reason is asynchronous request then i change the ajax to synchronization,It still cant auto play.
now i dont know why it cant auto play on chrome?
i use xgplayer "version": "1.0.5" in vue project
from xgplayer.
@zhangzs000 Did you config "volume: 0"?
from xgplayer.
it can auto play on firefox and 360 browser,but in chrom
config volume: 0 also didnt work.
config muted: true, also didt work.
I am sad ..... T_T......PM demand it can autoplay on chrome.
from xgplayer.
Muted autoplay in Chrome is supported by a30892. You can try with the branch now or wait for v1.0.8 as soon as possible.
from xgplayer.
wa, you are great. Why can official examples auto play in chrome?
official examples:
http://h5player.bytedance.com/examples/
but it cant autoplay in my project.
from xgplayer.
See your MEI in chrome://media-engagement/
from xgplayer.
@zhangxin92 **Chrome calculates MEI score for sites. policy autoplay When MEI is high enough, media playback without muted is allowed to autoplay on desktop only.**
原来如此....
from xgplayer.
Related Issues (20)
- 全屏播放字幕不显示 HOT 4
- 是否支持vue3+TS环境下使用本项目 HOT 1
- 记忆倍速和音量 HOT 2
- 请问现在的最新版本支持websocket协议流了吗 HOT 8
- switchURL方法会导致currentTime设置失效 HOT 4
- 播放器时是否支持自义定进度条? HOT 2
- 西瓜播放器ios系统下在微信内置浏览器播放hls视频流,只有声音没有画面 HOT 2
- 在使用xgplayer-hls.js做plugin的时候,config中使用hlsOpts不生效 HOT 2
- 播放器全屏播放时,不出现控制栏 HOT 2
- FLV插件在点播时只可以播放10M内容 HOT 2
- 移动端手势控制亮度和音量相应的提示控件
- playbackRate 能否设置负数
- MP4和MOV格式的文件怎么设置range的范围,现在范围太大导致超时了
- iOS下播放带进度的m3u8视频,会先看到第一帧画面,然后才会到设置的进度开始播放,安卓没这个问题
- iOS系统下,播放带进度的m3u8视频,会先看到第一帧画面,然后才到对应进度处开始播放。安卓正常
- H265格式的MP4不能播放 HOT 2
- progessDot标记点,在快播放完时,会产生偏移 HOT 2
- 使用ipad,播放器聚焦后会立马失去焦点 HOT 1
- 西瓜播放器自定义设置显示的报错信息?
- mpd格式DashPlugin插件播放失败,地址后缀
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from xgplayer.