ΠΩΣ ΒΑΖΩ ΒΙΝΤΕΟ ΓΙΑ BACKGROUND ΣΤΟ BLOG MOY Νο 2

ΠΩΣ ΒΑΖΩ ΒΙΝΤΕΟ ΓΙΑ BACKGROUND ΣΤΟ BLOG MOY Νο 2
VIDEO BACKGROUND
Με τον παρακάτω απλό κώδικα μπορούμε να βάλουμε ένα βίντεο από το youtube σαν background στο blog μας και μάλιστα χωρίς να χρειαστεί να επέμβουμε στο πρότυπο μας. Ο κώδικας τοποθετήται απλά σαν gadget και το βίντεο background ενεργοποιήται για όλες τις σελίδες και τις αναρτήσεις του blog. Αν όμως θέλετε να ενεργοποιήται μόνο σε συγκεκριμένη ανάρτηση ή σελίδα απλά τοποθετήστε τον κώδικα στο τέλος του κώδικα της σελίδας ή της ανάρτησης που θέλετε.

Οι διαστάσεις του βίντεο ρυθμίζονται αλλάζοντας τα γαλάζια νούμερα του width:1600px; και του height:900px; που βρίσκονται 2 φορές μέσα στον κώδικα. Τον κώδικα του βίντεο θα τον πάρετε από το youtube ή θα πάρετε τη διεύθυνση url του βίντεο και θα αντικαταστήσετε την διεύθυνση url που έχω επισημάνει με κίτρινα γράμματα και θα προσθέσετε και κολλητά σε αυτήν και τις 4 παραμέτρους ?rel=0&autoplay=1&loop=1&playlist=sxKA1j-Rjbo
Η 1ηπαράμετρος ?rel=0 είναι για να μην εμφανίζονται στο τέλος του βίντεο τα σχετικά με αυτό βίντεο.
Η 2ηπαράμετρος &autoplay=1 είναι για να ξεκινάει αυτόματα μόνο του το βίντεο (απαραίτητη).
Η 3ηπαράμετρος &loop=1 είναι για να ξαναπαίξει το βίντεο ξανά από την αρχή όταν τελειώσει.
Η 4ηπαράμετρος &playlist=sxKA1j-Rjbo  είναι για να υποχρεωτική όταν χρησιμοποιούμε και την 3ηπαράμετρο του &loop=1 και τα γαλάζια γράμματα πρέπει να αντικατασταθούν με το video_ID του βίντεό μας.

<style>
#bg {width:1600px; height:900px; z-index: -9999;top:0px;left:0px;position:fixed;}
</style>
<div id="bg">
<iframe width="1600" height="900" src="https://www.youtube.com/embed/sxKA1j-Rjbo?rel=0&autoplay=1&loop=1&playlist=sxKA1j-Rjbo" frameborder="0" allowfullscreen></iframe>
</div>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου