0

つる動画を wordpress ページに埋め込もうとしていますが、iPhone で表示したときに動画をスケーリングするのに苦労しています。埋め込みコードのhtmlに何かを追加するのは本当に運がありませんでした。しかし、それはおそらく私が完全な初心者だからです。

動的にスケーリングしたいコードは次のとおりです。

<iframe class="vine-embed" src="https://vine.co/v/bVuUeLXBHBF/embed/simple" 
width="600" height="600" frameborder="0"></iframe><script async 
src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>
4

3 に答える 3

1

コードを投稿するのを忘れたと思いますか？

<iframe src="https://vine.co/v/bnrtW52x1uJ/card?mute=1"
width="100%" height="100%" frameborder="0"></iframe>

それがつる埋め込みコードの場合、現在ピクセルを使用している場合、幅/高さをパーセンテージに変更できますか?

于 2013-05-23T22:28:25.433 に答える
0

私のサイトがレスポンシブである必要があるとき、これと同じ腹立たしい問題がありました。幅と高さの属性とスタイリングをいじっても、私には何もしませんでした。ページの読み込み時に必要な幅と高さを計算する関数を作成し、contain div 要素の innerHTML に iframe を書き込みました。

function setVineDimensions () {
    var dimension = document.getElementById('vine_container').offsetWidth;
    document.getElementById('vine_container').innerHTML  = '<iframe class="vine-embed" src="https://vine.co/v/XXXXXXXX/embed/simple" width="' + dimension + '" height="' + dimension + '" frameborder="0"></iframe>';
}

setVineDimensions();

上記は単なる iframe であることに注意してください。Vine から埋め込みコードを取得すると、スクリプトもあります。それをヘッダーに表示すれば準備完了です。

このソリューションは、ページの読み込み/更新でのみ機能します。ブラウザ ウィンドウのサイズを変更する傾向がある場合は、変更されません。

于 2014-10-09T16:12:08.633 に答える