Σάββατο, 18 Μαΐου, 2024
More
    ΑρχικήWordpressΑυτόματο Responsive Youtube σε Wordpress Posts

    Αυτόματο Responsive Youtube σε WordPress Posts

    add_filter('embed_oembed_html', 'wrap_embed_with_div', 10, 3);
    
    function wrap_embed_with_div($html, $url, $attr) {
            return "<div class=\"responsive-container\">".$html."</div>";
    }

    Απαραίτητο το css

    .responsive-container {
            position: relative;
            padding-bottom: 50.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
            margin-bottom: 1em;
    }
    .responsive-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
    }
    Προηγούμενο άρθρο
    Επόμενο άρθρο
    Θεόδωρος Τασσόπουλος
    Θεόδωρος Τασσόπουλοςhttps://www.digispot.gr
    Τεχνολόγος Ηλεκτρονικός Μηχανικός MSc in Networking & Data Communications. MSc in Banking, Accounting and Finance. Ασχολούμαι με τον προγραμματισμό από τις αρχές του 2000. Τα τελευταία πέντε έτη ασχολούμαι με την Διοικητική Πληροφόρηση και το Business Intelligence γενικότερα. Ξεκινάω συνεχώς νέα project χωρίς να υπάρχει απαραίτητα η προοπτική του κέρδους. Λάτρης των θετικών επιστημών και θαυμαστής αυτών που τις αντιλαμβάνονται.
    RELATED ARTICLES