モーダル (Bootstrap) に埋め込まれた jwplayer に問題があります。モーダルを開くと、プレーヤーが正常に読み込まれ、再生をクリックしてビデオを開始できます。しかし、jqplayerのフルスクリーンボタンをクリックすると、ビデオがフルスクリーンに変わり、約1秒後にフルスクリーンとモーダルが閉じ、ページ全体がリロードされます...
なぜこれが起こるのか分かりますか?
jwplayer のコードは次のとおりです。
<div id="jwplayer-video">
<div class="progress progress-striped active" style="width: 80px;">
<div class="bar" style="width: 80%;"></div>
</div>
<b> Video wird geladen ...</b>
</div>
<script type="text/javascript">
jwplayer("jwplayer-video").setup({
playlist: [{
image: "/uploads/myPoster.jpg",
sources: [{
file: "{$bilderpfad}/u{$ubungsid}.flv",
},{
file: "{$bilderpfad}/u{$ubungsid}.webm",
},{
file: "{$bilderpfad}/u{$ubungsid}.mp4",
},{
file: "{$bilderpfad}/u{$ubungsid}.ogv",
}]
}]
});
</script>