I am using jwplayer in my site, I have included the player using iframe. I have included the player js script.
<script src="//content.jwplatform.com/libraries/playerid.js"></script>
then iframe with the source.
<div style="position:relative; padding-bottom:56.25%; overflow:hidden;">
<iframe src="//content.jwplatform.com/players/MEDIAID-PLAYERID.html" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen style="position:absolute;"></iframe>
</div>
When the user clicks on a cover image, I will reload the source of the iframe
video_block.attr("src", src);
It was worked on my mobile till last week.(15-March-2017). Now it is not working on mobile devices, I saw they are saying support for autostart on mobile devices. I am not sure the latest release has an effect.
My extracted testing code(this simple code itself not autostart on mobiles, although the corresponding player is autostart enabled):
<html>
<head>
<title>
IFRAME SAMPLE
</title>
</head>
<body>
<div style="position:relative; padding-bottom:56.25%; overflow:hidden;"><iframe src="//content.jwplatform.com/players/mediaid-playerid.html" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen style="position:absolute;"></iframe></div>
<script src="https://content.jwplatform.com/libraries/playerid.js"></script><!-- Featured Video Card Player -->
</body>
Unfortunately auto-play is officially disabled in android and has been disabled in IOS for a long time. There is no option to play a video automatically in any major mobile device anymore. ( of course on a web page )
Related
I have a landing page where I added a background video. This video is hosted on vimeo platform.
Video autoplay is completely working on all devices except iPhone mobile. So please suggest me the solution to autoplay background video on iPhone mobile.
Please check following iFrame code -
<iframe src="https://player.vimeo.com/video/479105292?autoplay=1&background=1&hd=1&loop=1&title=0&byline=0&portrait=0&muted=1&playsinline=1" frameborder="0" data-fullscreeneo="" frameborder="0"allow="autoplay; fullscreen" fullscreen webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
I'm trying to embed a 360 panorama tour into Adobe portfolio I brought this from visor but adobe portfolio just supports Iframe format :
<script src="/scripts/embed.js" data-vizorurl="https://patches.vizor.io/embed/mahmoudgfx/makarm_villa_a" ></script>
Could this above code to be converted into Iframe embed?
Regarding...
"...Adobe Portfolio just supports Iframe format"
If Portfolio accepts it, then just try making an Iframe like this :
<iframe src="https://patches.vizor.io/embed/mahmoudgfx/makarm_villa_a" width="800" height="600">
PS: A fully testable HTML code example (to confirm Iframe works naturally) :
<!DOCTYPE html>
<html>
<body>
<iframe src="https://patches.vizor.io/embed/mahmoudgfx/makarm_villa_a" width="800" height="600">
</body>
</html>
I have an ionic 2 app which contains sections like Google Maps, html5 YouTube, Video, and Mp4 Video. Full Screen Control on all of them is not working and giving blank page. This is the YouTube example. I tried allowfullscreen="" or allowfullscreen="true" but still no luck. I tried to research but couldn't find a solution.
<iframe width="80%" height="600" [src]='CurrentResource.YoutubeIdURL'
frameborder="0"
allowfullscreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen">
</iframe>
I have an iframe like so:
<iframe width="100%"
height="100%"
src="~/Video/video.mp4"
frameborder="0"
allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
I am running this on google chrome. Is there away with jquery or javascript to make this full screen when the video starts playing?
Hello following iframe code is not getting displayed at iPhone at all. It loads fine on other browsers and Android mobile browser. On Safari desktop browser, I need to specify
iframe onload=iFrameHeight(700) to make it displayed. However this still does not help for iPhone.
Any ideas?
Thank you.
<div class="contentpane"> <iframe onload="iFrameHeight()" id="blockrandom" name="iframe" src="http://www.maxhire.net/cp/?E5586A361E43515B79561C6532531A2604" width="100%" height="700" scrolling="no" align="top" frameborder="0" class="wrapper"> This option will not work correctly. Unfortunately, your browser does not support inline frames.</iframe> </div>