Flowplayer 5.3.2全屏按钮在iframe中丢失

本文介绍了Flowplayer 5.3.2全屏按钮在iframe中丢失的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有使用Flowplayer流式播放的.mp4视频。它的效果很好，但是当我把它放在iframe中时，全屏按钮丢失了。

I have .mp4 videos that I would like to stream using Flowplayer. It works great, but when I put it in an iframe, the fullscreen button is missing.

这个问题在这里有人回答：

This question was answered by someone here: How can I enable fullscreen in Flowplayer 5.2 that's in an iframe?

但是我无法弄清楚在哪里放置 flowplayer.conf.fullscreen = true;

But I can't figure out where to put the flowplayer.conf.fullscreen = true;

以下是我的index.html代码：

Here's my index.html code so 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 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>

推荐答案

这些应该在Flowplayer包含你的页面（脚本src）。

These should be set right after Flowplayer has been included in your 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

这篇关于Flowplayer 5.3.2全屏按钮在iframe中丢失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！