レスポンステーマを実行していて、通常のブラウザで表示したときにビデオが正常に表示されますが、モバイルデバイス(iPhoneを使用しています)で表示されたときに正しくサイズ変更されません。iOSで視聴したときにYouTubeのiframe動画を正しくサイズ変更するにはどうすればよいですか?
コンテンツエリアに留まる代わりに、ビデオがサイドバーにオーバーフローします。
これらの動画はiframe Youtube動画の埋め込みです。
レスポンステーマを実行していて、通常のブラウザで表示したときにビデオが正常に表示されますが、モバイルデバイス(iPhoneを使用しています)で表示されたときに正しくサイズ変更されません。iOSで視聴したときにYouTubeのiframe動画を正しくサイズ変更するにはどうすればよいですか?
コンテンツエリアに留まる代わりに、ビデオがサイドバーにオーバーフローします。
これらの動画はiframe Youtube動画の埋め込みです。
IはIFRAME添加{最大幅:100%;}私は、モバイルデバイス上で問題となり得る要素を隠すために、私のモバイルテーマでこのコードを使用
動画のサイズ変更は難しいです。このjQueryプラグインの使用を検討してください:fitvids。
を動作するように思われる:
@media screen and (max-width: 480px) {
.mobilehide {
visibility: collapse;
width: 0px;
height: 0px;
}
私はこれがあなたにとって有用であることを願っています。
あなたは実際に要素を隠すための怠け者の解決策を考えています。あなたは間違いなく修正を試みるべきです。 –
私はiframe {max-width:100%;}を追加しました。このプラグインなしで他の人のために働いています。http://www.everchangingmedia.com/category/videos/ –
iframe {max-width:100%;}動作するようです。誰かが自分の携帯電話をチェックして、彼らがあなたの最後に正しく表示されているかどうかを知ることができたらうれしいですね。ありがとう! –
あなた自身の質問に答えることは完全に受け入れられますが、コメントではなく答えとして追加する必要があります。それを受け入れられた答えとしてマークすることさえできます。乾杯。 – picciano