Προσαρμογή iframe από συγκεκριμένες πηγές σε μέγεθος οθόνης

<script>
document.addEventListener("DOMContentLoaded", function () {
    var videoIframes = document.querySelectorAll('iframe[src*="youtube.com"], iframe[src*="dailymotion.com"], iframe[src*="vimeo.com"]');

    videoIframes.forEach(function (iframe) {
        // Δημιουργία wrapper γύρω από το iframe, αν δεν υπάρχει ήδη
        var wrapper = document.createElement('div');
        wrapper.style.position = 'relative';
        wrapper.style.width = '100%';
        wrapper.style.paddingTop = '56.25%'; // Αναλογία 16:9
        wrapper.style.overflow = 'hidden';

        // Μετακίνηση του iframe στο wrapper
        iframe.parentNode.insertBefore(wrapper, iframe);
        wrapper.appendChild(iframe);

        // Εφαρμογή στυλ στο iframe
        iframe.style.position = 'absolute';
        iframe.style.top = '0';
        iframe.style.left = '0';
        iframe.style.width = '100%';
        iframe.style.height = '100%';
        iframe.style.border = '0';
    });
});
</script>