Flowplayer を使用してストリーミングしたい .mp4 ビデオがあります。うまく機能しますが、iframe に配置すると、フルスクリーン ボタンが表示されません。
この質問はここで誰かによって答えられました: How can I enable fullscreen in Flowplayer 5.2 that's in a 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>