5.3.2的Flowplayer全屏按钮在iframe中失踪(Flowplayer 5.3.2 fu

2019-10-17 17:39发布

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

这个问题被回答了有人在这里：我怎样才能启用的Flowplayer 5.2全屏那是在一个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>

Answer 1:

的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介绍更多关于这个

Answer 2:

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