2013-02-15 96 views
1

丢失我的MP4视频,我想使用的Flowplayer到流。它的伟大工程,但是当我把它放在一个iframe,全屏按钮丢失。的Flowplayer 5.3.2全屏按钮在iframe中

对此问题予以这里有人回答:How can I enable fullscreen in Flowplayer 5.2 that's in an iframe?

但我想不通的地方放flowplayer.conf.fullscreen = true;

这里是我的index.html到目前为止的代码:

<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 from the src to fix issue with 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> 

    <!-- the player --> 
    <div class="flowplayer" data-swf="flowplayer.swf" > 
     <video> 
     <source type="video/mp4" src="myvid.mp4"/> 
     </video> 
    </div> 
</body> 

回答

0

尝试手动初始化的Flowplayer与$(".player").flowplayer({ swf: "/path/to/flowplayer.swf" });

2

这些应设置的Flowplayer一直在右后包含在你的页面中(使用脚本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> 

此链接http://flowplayer.org/docs/#global-configuration介绍更多关于这个

+1

这固定我的问题 – 2015-04-23 11:58:31