New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
encode city.mp4 to work on iOS, document iOS video encoding restrictions #1846
Comments
I found some stuff here: https://github.com/bfred-it/iphone-inline-video I wonder if you need to add |
@ngokevin added iphone-inline-video as well as muted on tag. still has the same problem. I doubt it's related to user interaction on video play event since a-video works fine once I pined the webpage to the iOS homescreen. |
Hm, they should both follow down the same code path. plane/sphere shouldn't make a difference. What if it's just one video? And does the city.mp4 video play on desktop? What if we try to play |
wow, videosphere actually worked after I reversed the video content.... the city video is the same 360 video on aframe.io demo page. The other one is just a random mp4 video. Now it's confirmed to be a problem with the video file. After some google search I believe now this is the root:
Will try to downgrade the total bit rate to less than 2.5Mbps and will see how we goes. |
Thanks for the investigation. We should re-encode our example video and document the restrictions. |
No Problem. Works well after rate downgrade. Wish Apple make a better html5 video player in iOS10. This issue can be closed for now : ) |
Will keep the issue around for now to do those couple tasks. |
The way we do it;
|
Hi @ngokevin, Is this issue good as 'help wanted (easy)'? |
Here is a lower resolution version that works on an iPhone 6S with iOS10 10 https://vatelier.net/MyDemo/videosphere-showcase/ The video file itself is https://vatelier.net/MyDemo/videosphere-showcase/city_halfres.mp4 that I downgraded using |
FWIW, I already fixed this in After a lot of trial and error, the command I used was this: ffmpeg -i city.mp4 -vf scale=3168:-2 city-3168.mp4 |
@cvan you're right it's just the resolution |
@fuleinist but it can not work on iOS 11, i have try all kinds of solution. is any other people like me ? |
i have solve this problem with creating a button to play |
can you pleas post the code. i have also try all kinds of solution. |
The 360 video example on Glitch should have click to play, if I recall correctly... Generally the issue is browser restrictions on autoplay of video/audio, and not A-Frame. |
<script>
window.addEventListener('click', function () {
var v = document.querySelector('#vid');
v.play();
});
</script>
have this simple code. it work in firefox , not in safari. can you tell me where is the problem |
Not sure GitHub issues are the best place for this kind of support but it
does highlight that more complete and documented examples are needed.
|
There is actually a section in the FAQ about this, e.g. https://aframe.io/docs/0.8.0/introduction/faq.html#why-does-my-video-not-play-on-mobile
Since then, however, the restrictions on autoplay content have spread from mobile to desktop, and it doesn't look like the documentation has kept up with that aspect.
You are right of course that "how do I" questions usually get asked and answered on StackOverflow or similar.
…On September 17, 2018 1:27:25 AM EDT, Fabien Benetou ***@***.***> wrote:
Not sure GitHub issues are the best place for this kind of support but
it
does highlight that more complete and documented examples are needed.
--
You are receiving this because you commented.
Reply to this email directly or view it on GitHub:
#1846 (comment)
--
Sent from my Android device with K-9 Mail. Please excuse my brevity.
|
a-videosphere is not working in mobile safari on iOS device.
A-Frame Version: 0.3.0
Platform/Device: iPhone 6 Safari iOS ver 9.3.4
Example page shows a full black screen, finger tab will not initiate video playback.
Compared side by side with with a-video. followed steps in https://aframe.io/docs/0.3.0/primitives/a-videosphere.html#caveats. a-video works perfectly fine while a-videosphere is not on iOS
The text was updated successfully, but these errors were encountered: