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, και αν χρησιμοποιείτε WordPress, χωρίς κάθε είδους plugin.

Να το κάνουμε αυτό το Πλάτος του ένα βίντεο insertado, από τον κώδικα HTML ότι το Youtube μας da, είναι responsivo, το πρώτο πράγμα που θα κάνουμε είναι να τοποθετείτε τον κώδικα μέσα σε ένα DIV.

Μπορείτε να χρησιμοποιήσετε το Κωδικός φαίνεται εδώ, και αντικατάσταση το διαδρομή por la ruta que te dé YouTube το βίντεο που θέλετε να Εισαγωγή. Παρακαλείστε να σημειώσετε ότι πρέπει να αντιστοιχίσετε την τάξη βίντεο το στοιχείο το στοιχείο.

Στη συνέχεια, 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, θα δείτε ότι αυτό reajusta να το ancho de la pantalla.

 

Ενταχθούν στο κανάλι της Τηλεγράφημα

Αφήστε μας ένα σχόλιο ή enter για να τοΦόρουμ
Μοιραστείτε το 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

Σχετικά άρθρα

Αφήνω μια απάντηση

Διεύθυνση ηλεκτρονικού ταχυδρομείου σας δεν θα δημοσιευθεί. Υποχρεωτικά πεδία επισημαίνονται *