Flowplayer 5.3.2全屏按钮在iframe中丢失 [英] Flowplayer 5.3.2 fullscreen button missing in 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.
这个问题在这里有人回答：如何在Flowplayer 5.2中启用全屏模式，该模式位于iframe中？
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>
此链接 http://flowplayer.org/docs/#global-configuration 对此进行了更多解释
This link http://flowplayer.org/docs/#global-configuration explains more on this
这篇关于Flowplayer 5.3.2全屏按钮在iframe中丢失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
