1

我有想要使用 Flowplayer 流式传输的 .mp4 视频。它工作得很好，但是当我把它放在 iframe 中时，全屏按钮不见了。

有人在这里回答了这个问题：如何在 iframe 中的 Flowplayer 5.2 中启用全屏？

但我不知道该放在哪里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>
4

2 回答 2

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对此进行了更多解释

于 2013-06-14T14:20:33.707 回答
0

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

于 2013-03-18T12:53:12.623 回答