question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

iOS 11 Safari does not init video

See original GitHub issue

Seems like the video can not initialise in latest mobile Safari. init event says 'NotAllowedError'

I’ve tried to use solution from this webrtc issue:

mounted() {
    let videoEl = document.getElementsByTagName('video')[0];
    videoEl.setAttribute('autoplay', true);
    videoEl.setAttribute('playsinline', true);
    videoEl.setAttribute('controls', true);
},

But no success.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
gofkacommented, Aug 17, 2018

I’ve tested my app on Https and everything is fine now. Thanks @gruhn !

1reaction
gruhncommented, Aug 16, 2018

Oh wait! Checkout this.

Read more comments on GitHub >

github_iconTop Results From Across the Web

No Video Playback Safari - Apple Support Communities
However, in doing so, Safari no longer allows for video playback. The video's audio would play but no visual, only a black screen....
Read more >
Top 8 Ways to Fix Safari Not Playing Videos on iPhone
Top 8 Ways to Fix Safari Not Playing Videos on iPhone · 1. Open Video in a Private Window · 2. Disable Extensions...
Read more >
How to Fix Safari Not Working on iPhone and iPad - YouTube
Safari is your window to the world on your iPhone and iPad. The ubiquitous iOS internet browser is great, but if it stops...
Read more >
Best 8 Solutions to Safari Not Playing Videos iOS 15 Problem
Part 3: 7 Tips to Fix Safari Not Playing Videos on iPhone iOS 15 · Tip 1: Reset Network Settings · Tip 2:...
Read more >
HTML5 Video tag not working in Safari , iPhone and iPad
My issue was due to animation frame in parent element, the solution was adding video tag after the animation and removing video tag...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found