html - Flowplayer 5.3.2 fullscreen button missing in iframe -
i have .mp4 videos stream using flowplayer. works great, when set in iframe, fullscreen button missing.
this question answered here: how can enable fullscreen in flowplayer 5.2 that's in iframe?
but can't figure out set flowplayer.conf.fullscreen = true;
here's index.html code far:
<head> </style> <!-- player skin --> <link rel="stylesheet" type="text/css" href="skin/minimalist.css" /> <!-- site specific styling --> <style> body { text-align: center; padding-top: 5%; } .flowplayer { width: 80%; background-color: green;} </style> <!-- flowplayer depends on jquery 1.7.1+ (for now) --> <!-- leave out http/https src prepare issue controls not loading in chrome --> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <!-- include flowplayer --> <script type="text/javascript" src="flowplayer.min.js"></script> </head> <body> <!-- player --> <div class="flowplayer" data-swf="flowplayer.swf" > <video> <source type="video/mp4" src="myvid.mp4"/> </video> </div> </body>
these should set right after flowplayer has been included in page (with script src).
<script type="text/javascript" src="flowplayer/5.3.2/flowplayer.min.js"></script> <script type="text/javascript"> flowplayer.conf.embed = false; flowplayer.conf.fullscreen = true; </script> this link http://flowplayer.org/docs/#global-configuration explains more on this
html iframe fullscreen flowplayer
No comments:
Post a Comment