1

初めてのポスター、参加を楽しみにしています。

プライベート ホスティング サービス (私は大学で働いています) からビデオをウェブサイトに埋め込もうとしていますが、レスポンシブにするのに問題があります。Youtube や Vimeo のビデオとは異なり、高さと幅は次のように「src」で定義されているようです。

<iframe width="640" height="385" src="http://videolibrary.sheffield.ac.uk/player?autostart=n&fullscreen=y&width=640&height=385&videoId=6432&quality=hi&captions=n" frameborder="0" scrolling="no"></iframe>

次のCMSを使用して（および適切なdiv内に埋め込みコードを配置することで）、以前にYoutubeビデオでこれを非常に簡単に修正できました

    <style type="text/css">
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}</style>

ただし、これはここでは機能しません。埋め込みコードを編集する方法が見つかりません。これで機能するヒントがどこにも見つかりません。誰かが何かアイデアを持っていれば、私はとても感謝しています!

4

2 に答える 2

1

可変幅のビデオ埋め込み用のこの jQuery プラグインが役立つと思います。

http://fitvidsjs.com/

于 2013-07-24T10:32:46.413 に答える