Video.js v7.11.4 can't play correct in Chrome Iphone Emluated Device。

[xjl271314]

Description

When I use Iphone Emluated Device，the video is always throw the error，when I use an android Emluated Device, the video is play correct.

Steps to reproduce

UA：

• iphone: Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1

• android: Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

Results

Expected

I hoped the video can play in Iphone Emluated Device。

Error output

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

versions

videojs

video.js v7.11.4

browsers

[welcome]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

[xjl271314]

the video type is m3u8。

[ziddey]

I believe VHS uses native hls playback if it detects ios by default. It's understandable then that simulating an ios/safari user agent in chrome will fail, since the browser has no native hls support

[mister-ben]

Chrome's "emulation" just spoofs user agent and simulates touch events. It is useful for testing layout but not anything complex like video where the browser behaviour and capabilities are fundamentally different. The only way to really test iOS without an actual device is Xcode's simulator, or a service such as Browserstack.

[gkatsev]

Unfortunately, this is basically expected. If we detect iOS, and we are given HLS, we try and play it back natively, which doesn't work in Chrome.