Hi Jingrui,
I believe it is not related to device type but the security control of browsers on different devices (esp. Chrome).
Tried “http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4” and it runs fine on Safari but failed to load on Chrome and Edge.
Error with Permissions-Policy header: Unrecognized feature: 'interest-cohort'.
index.html:1
Mixed Content: The page at 'https://XXXXXXXX-sandbox.mxapps.io/index.html?profile=Responsive' was loaded over HTTPS, but requested an insecure element 'http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4'. This request was automatically upgraded to HTTPS, For more information see https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html
190204084208765161.mp4:1
GET https://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4 403
The page at https://XXXXXXXX-sandbox.mxapps.io/index.html?profile=Responsive was allowed to display insecure content from http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4.
Then tried “https://www.cdc.gov/coronavirus/2019-ncov/videos/psa-simone/tnq1000-testimony-simone-30-side_effects-en-v01_lowres.mp4” and it runs fine on all browsers and devices I have (Mac, iPad, iPhone and Win Laptop).
Please have a try to storage the mp4 file on a server with “https”
Thanks and regards,
SW Gavin Chen