EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
डिफ़ॉल्ट भाषा के रूप में सेट करें
PF प्रश्न - फोरम

कैसे बनाने के लिए उत्तरदायी या समायोज्य, पूर्ण चौड़ाई, यूट्यूब से एक वीडियो एम्बेडेड

CSS प्रोग्रामिंग
 
कैसे बनाने के लिए उत्तरदायी या समायोज्य, पूर्ण चौड़ाई, यूट्यूब से एक वीडियो एम्बेडेड

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 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 सीएसएस इसी, 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

संबंधित लेख

कोई जवाब दो