2

ロード時に JW Player を自動サイズ変更可能にする方法はありますか?

たとえば、ムービー ファイルのサイズがプレーヤーよりも小さい場合、黒い背景が表示されます。映画は黒一色に広がってほしい。

前もって感謝します。

4

3 に答える 3

1

以下は私にとってはうまくいきます：

<html>
<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="LicenceCodeGoesHere";</script>
<div id="container">This'll be the player</div>

<script type="text/javascript">
jwplayer("container").setup({
    file:"http://videoURLGoesHere",
    autostart:true,
    width: "100%",
    height: "98%",
ratio: "100%",
responsive: true,
    events:{
        onComplete: function() {
            window.location = "http://redirectGoesHere";
        }
    }

});

</script>
<a href="http://UrlGoesHere">Please click here to skip the video and load the main site</a> 
</html>

お役に立てれば！

于 2013-10-23T13:30:12.530 に答える
1

flashvar で設定できるストレッチ オプションがいくつかあります。これらには、none (ストレッチなし)、exactfit (不均衡)、uniform (黒い境界線でストレッチ)、または fill (均一だがディスプレイを完全に塗りつぶす) が含まれます。それらはすべてflashvars ページにリストされています。

DOM 内でプレーヤのサイズを更新しようとしている場合、可能かもしれませんが、Flash がプレーヤをリロードする原因となるため、お勧めできません。

一番、

ザック

開発者、ロングテール動画

于 2010-05-07T18:59:34.930 に答える
0

プレーヤー自体のサイズ変更に関しては、その中のコンテンツのスケーリングとは対照的に、JW Player にはサイズ変更機能があり、これを onMeta イベントと組み合わせて、ビデオのサイズに合わせてプレーヤーのサイズを変更できます。ストリーミング ビデオでのみこれを試したことに注意してください。そのため、メタ イベントがファイルベースの再生で同じように機能することを 100% 確信しているわけではありません。

onMeta イベントを使用して正しいサイズを計算することもできますが、onPlay イベントが実際に resize() を呼び出すまで待ち​​ます。 onMeta イベント、そしてそれは伸びますが、少し奇妙に見えます. これはまだ onPlay で発生しますが、より高速です。

jwplayer('video_id').setup() 関数で、オプションに次のようなものを含めるだけです。

        events: {
          onMeta: function(event) {
            if(event.metadata.width != undefined && event.metadata.height != undefined && event.metadata.width != 0) {
              var playerWidth = 700;
              var playerHeight = (event.metadata.height/event.metadata.width)*playerWidth;
              jwplayer("video_id").resize(playerWidth, playerHeight);
            }
          }
        }

これは、幅を 700 に維持し、プレーヤーの高さをメディア ファイルに合わせてスケーリングし、もちろんプレーヤーの DOM に ID "video_id" があると仮定しています。

于 2012-06-14T02:40:47.940 に答える