• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

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

VIDEO BACKGROUND
ΠΩΣ ΒΑΖΩ ΒΙΝΤΕΟ ΓΙΑ BACKGROUND ΣΤΟ BLOG MOY Νο 2
Με τον παρακάτω απλό κώδικα μπορούμε να βάλουμε ένα βίντεο από το 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>

3 σχόλια:

  1. γεια σου φιλε και απο μενα πολη καλη δουλεια ,
    εγω θα ηθελα την παραμετρο του ηχου δλδ να δηχνει το βιντεο χωρις ηχο
    ευχαριστω

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Δεν υπαρχει διαθέσιμη τέτοια παραμετρος απο το youtube πρεπει να φτιαχτεί ολόκληρο script. Βρήκα ένα αλλά δεν μπορώ να ασχοληθώ τώρα να στο προσαρμώσω. Πάρτο απο εδώ. http://my-posts-1.blogspot.gr/2015/10/binteo-youtube.html

      Διαγραφή
  2. μου ενδιεφερε σαν BACKGROUND χωρις ηχο
    παντος ευχαριστω που ενδιεφερθηκες

    ΑπάντησηΔιαγραφή

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.