0

ビデオのプレイリストをループするために vimeowrap を使用しています。vimeowrap が出力する iframe の幅と高さを「100%」または「なし」にしたい。どちらでも動作します。

Vimeo ラップ : http://luwes.co/labs/vimeo-wrap/

私のテストページ: http://www.a3network.com/vimeo_wrap.html

これが私がテストしているものです。

<script>
    vimeowrap('player').setup({        
        urls: [
            'https://vimeo.com/16437160',
            'https://vimeo.com/16439781',
            'https://vimeo.com/16449483',
            'https://vimeo.com/16449643',
            'https://vimeo.com/16449980',
            'https://vimeo.com/16450347'
        ],
        width: '100%',
        height: '100%'
    });
</script>

私はこの出力を得ています:

<iframe width="100" height="100" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="http://player.vimeo.com/video/16437160?api=1&amp;player_id=player_0" id="player_0" style="position: absolute; display: block;"></iframe>

この出力が必要です:

<iframe width="100%" height="100%" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="http://player.vimeo.com/video/16437160?api=1&amp;player_id=player_0" id="player_0" style="position: absolute; display: block;"></iframe>

ヘルプ、提案、手がかり、リード、ヒントはすべて大歓迎です。

4

2 に答える 2

0

vimeowrapは、パーセンテージの高さ/幅の設定をサポートしていないようです。たとえば、フレームを追加した後、フレームのスタイルを変更するだけです (JQuery を使用)。

vimeowrap('player').setup({        
    urls: [
        'https://vimeo.com/16437160',
        ...
    ]
});
$("#player").find(":iframe").css("width", "100%").css("height", "100%");

これを試すために使用したフィドルもご覧ください。

于 2013-06-24T23:59:06.443 に答える