CODEWITHSUNDEEP
iosvideo-streamingbuildfire
wysiwyg
wysiwyg

Reputation: 1

Buildfire: Black screen on Apple Devices with live stream embed

Buildfire: My app has several buttons built in wysiwyg text editor that is embedding live video streams. People only go to the page when a live meeting is occurring. On Android devices, the video starts playing instantly. On Apple devices, a black screen appears fullscreen with no video. If I minimize that black screen, the view is taken back to the page of the app with the embed. That page shows the video playing which I can then make fullscreen to play fullscreen. The issue is that the average user won't know to just minimize that black screen to get back to the page with the video.

Here are 2 ways that I have attempted to code the video embed's with no luck so far.

Any help is greatly appreciated

<p class="bf-wysiwyg-top"><video loop="loop" muted="" controls="controls" width="100%" height="auto">
<source src="linktovideostream" type="video/mp4" /></video></p>


<p class="bf-wysiwyg-top" style="text-align: center;"><iframe src="linktovideostream" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>

I have tried iframe embed and video embed to no avail. The live stream link is NOT a youtube link, we stream to our streaming provider via rtmp. The video embed link used above is https.

Upvotes: 0

Views: 395

Answers (1)

blue
blue

Reputation: 324

This is more likely an issue with iOS not allowing your plugin to play a video when the page (your plugin) loads the first time and before the user has interacted with the page (your plugin).

You can have the video not autoplay or check other solutions here HTML5 Video autoplay on iPhone

Upvotes: 0

Related Questions