EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
设置为默认语言
PF 问题 - 论坛

如何使响应或可调, 全宽, 从 Youtube 视频嵌入

CSS 编程
如何使响应或可调, 全宽, 从 Youtube 视频嵌入

Si alguna vez has insertado 一个 视频YouTube en alguna de tus páginas webs 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 WordPress, 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 correspondiente, 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, 你会看到它 reajustaancho 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

相关的文章

留言

您的电子邮件地址将不会发布. 标记必填的字段 *