Δημιουργήστε ευαίσθητους κώδικες ενσωμάτωσης εύκολα με αυτή την ελεύθερη εφαρμογή
Κάθε σχεδιαστής ιστοσελίδων ξέρει πώς να ενσωματώσετε βίντεο. Η ενσωμάτωση είναι ο ευκολότερος τρόπος για να μοιραστείτε περιεχόμενο και να βελτιώσετε τα άρθρα σας με τα σχετικά μέσα.
Ωστόσο, υπάρχει κάποιο πρόβλημα με τα iframes και άλλες παρόμοιες ενσωματώσεις βίντεο: το έλλειψη ανταποκρινόμενων λύσεων. Κάθε σύγχρονος ιστότοπος ανταποκρίνεται πλήρως και ένα σταθερό βίντεο μπορεί πραγματικά να σπάσει αυτή τη ροή στο κινητό.
Για να αντιμετωπίσετε αυτό το πρόβλημα, δοκιμάστε Embedresponsively.com. Αυτή η δωρεάν εφαρμογή ιστού αυτόματα δημιουργεί κωδικούς ενσωμάτωσης για ένα ευρύ φάσμα χώρων πολυμέσων και ακόμη και υποστηρίζει προεπιλεγμένα στοιχεία iframe.
Από προεπιλογή, μπορείτε επιλέξτε από μια χούφτα τοποθεσίες πολυμέσων που υποστηρίζουν εγγενείς ενσωματώσεις:
- YouTube
- Vimeo
- DailyMotion
- Ίνσταγκραμ
- Κελάδημα
- Google Maps
- Soundcloud
- Scribd
Δεν χρειάζεται να απομνημονεύσετε όλους αυτούς τους κώδικες ενσωμάτωσης ή να χαστούμε με τα ενσωματωμένα γραφικά στοιχεία. Μόλις αντιγράψτε τη διεύθυνση URL του στοιχείου που θέλετε να ενσωματώσετε και να την επικολλήσετε στην εφαρμογή ιστού.
Μόλις κάνετε κλικ στο “Ενθέτω” κουμπί, θα πάρτε μια προεπισκόπηση ότι μπορείτε να δοκιμάστε στο πρόγραμμα περιήγησής σας με αλλαγή μεγέθους, για να δείτε πώς προσαρμόζεται το βίντεο. Κάτω από το παράθυρο προεπισκόπησης, θα βρείτε ένα μπλοκ κώδικα που μπορείτε αντιγράψτε / επικολλήστε και χρησιμοποιήστε για να ενσωματώσετε τον ιστότοπό σας.
Αυτή είναι μια από τις απλούστερες λύσεις στο πρόβλημα της απόκρισης στις ενσωματώσεις. Ο στόχος είναι να κρατήστε το βίντεο ευέλικτο, διατηρώντας παράλληλα τον λόγο διαστάσεων-δεν είναι εύκολο έργο.
Υπάρχει ένα μεγάλο κομμάτι σε CSS-Tricks με μια άλλη λύση η οποία βασίζεται περισσότερο στις τάξεις και ένα στοιχείο εμπορευματοκιβωτίων. Αλλά αν εσύ δεν θέλετε να θυμάστε πάντα την προσθήκη αυτού του δοχείου ίσως προτιμάτε το Embedresponsively.com.
Ρίξτε μια ματιά στο χώρο και κάντε μια βολή. Αν δεν σας πειράζει δουλεύοντας με μεγαλύτερα αποσπάσματα κώδικα αυτό είναι σίγουρα μια εξαιρετική λύση για οποιαδήποτε ανταποκρινόμενη διάταξη.
Και, αν θέλετε, μπορείτε να βρείτε τον πλήρη πηγαίο κώδικα δωρεάν στο GitHub προσθέστε υποστήριξη για πιο ενσωματωμένα μέσα.
