Στο προηγούμενο μέρος από αυτό το σεμινάριο, χρησιμοποιώντας ένα μείγμα HTML5, jQuery και CSS, κατασκευάσαμε τις λειτουργίες barebones του υπόβαθρου βίντεο που βασίζεται σε HTML5 με πλήρη οθόνη. Αυτή τη φορά, πρόκειται να το σχεδιάσουμε, να προετοιμάσουμε τις εφεδρείες για αυτό και να κατανοήσουμε πώς μπορεί να χρησιμοποιηθεί ως μέρος των δικών σας σχεδίων εργασίας. Στον σημερινό οδηγό, θα προσθέτουμε στο βίντεο ολόκληρης οθόνης μας με διάφορους τρόπους, όπως:

  • Δημιουργώντας το δικό μας πρότυπο επικάλυψη για να καθίσει πάνω από την κορυφή του βίντεο μας? όπως οι γραμμές σάρωσης παλαιού τηλεοπτικού στυλ, το styling το βίντεό σας ώστε να ταιριάζει στο δικό σας σχέδιο.
  • μετατρέποντας το βίντεό μας σε πολλαπλές μορφές για να ενεργοποιήσετε την υποστήριξη πολλαπλών περιηγητών για το φόντο του βίντεο.

Μαζί με όλα αυτά, θα δείξω επίσης ένα παράδειγμα για το πώς το βίντεο μπορεί να χρησιμοποιηθεί δημιουργικά με την επίστρωση άλλων στοιχείων πάνω από την κορυφή του, δείχνοντας πώς αυτή η ισχυρή τεχνική μπορεί να τροφοδοτήσει τα δικά σας νέα σχέδια. ή ακόμη και να προσφέρει ένα νέο, συναρπαστικό υπόβαθρο για το σχεδιασμό που εργάζεστε επί του παρόντος!

Έχετε χρησιμοποιήσει ολόκληρο το βίντεο ως φόντο σε ένα από τα σχέδιά σας; Έχετε μια προτιμώμενη μέθοδο εφαρμογής; Ενημερώστε μας στα σχόλια.