2013-02-15 4 views
1

Flowplayer를 사용하여 스트리밍하려는 .mp4 동영상이 있습니다. 그것은 잘 작동하지만 iframe에 넣을 때 전체 화면 버튼이 없습니다.Flowplayer 5.3.2 iframe의 전체 화면 버튼이 누락되었습니다.

이 질문은 여기에 누군가가 대답했다 : How can I enable fullscreen in Flowplayer 5.2 that's in an 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> 

답변

0

시도 flowplayer 수동 초기화 $(".player").flowplayer({ swf: "/path/to/flowplayer.swf" });

2

다음은 Flowplayer가 설치된 직후에 설정해야합니다. 귀하의 페이지 (스크립트 src와 함께)에 cluded.

<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

+1

이 고정 내 문제에 대한 자세한 설명 –