EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
既定の言語として設定します。
PF の質問 - フォーラム

どのように応答性や調節可能です, 全幅, Youtube から埋め込まれたビデオ

CSS プログラミング
 
どのように応答性や調節可能です, 全幅, Youtube から埋め込まれたビデオ

Si alguna vez has insertadoビデオYouTube en alguna de tus ウェブサイト habrás notado que el vídeo guarda un ancho fijo y que éste no es responsivo cuando cambias el サイズ del navegador o cuando ves tus páginas webs desde otros デバイス con distintos tamaños de pantalla (携帯, 錠剤,…).

Ya en un artículo anterior vimos como podías insertar un vídeo de Youtube directamente en tu página web, y en el caso de que uses ワードプレス, sin necesidad de ningún tipo de プラグイン.

Para hacer que el の、 ビデオ insertado, a partir del código HTML que Youtube nos dá, は responsivo, lo primero que haremos será meter dicho código dentro de un DIV.

Puedes usar el コード aquí mostrado, と 置換ルート por la ruta que te dé YouTube del vídeo que quieras insertar. Ten en cuenta que debes asignar la clase ビデオ al elemento IFRAME.

その後、, en tu archivo CSS 対応します。, o directamente bajo un elemento STYLE en la misma página, つもりです。 asignar los atributos de estilo para la clase コンテナービデオ.

Una vez introducido este código, 場合 refrescas de nuevo la página donde hayas insertado el vídeo, comprobarás que ahora éste se ajusta に、 の、 DIV que lo contiene. 東はい DIV está situado directamente sobre el BODY, それが表示されます。 reajusta に、 ancho de la pantalla.

 

チャネルへの参加します。 電報

私達にコメントを残すかへの入力、フォーラム
それを共有します。 Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

関連記事

メッセージを残してください