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.