Ερασιτεχνικό Youtube Pop Up Window Volume 1


Καλησπέρα σας,

Σήμερα θα σας παρουσιάσω ένα απλό Youtube Pop Up Window που ζητήθηκε από κάποιους φίλους στην σελίδα μας στο Facebook, και ενδιαφέρει αρκετούς από εσάς οπότε δώστε προσοχή.

Δημιουργήσαμε αυτό το απλό Gadget στα πρότυπα και στις δυνατότητες του Blogger δηλαδή ελαφρύ και έτοιμο για χρήση αλλά δυστηχώς αντιμετωπίζουμε ακόμα αρκετά προβλήματα.

Προφανώς πρόκειται για ερασιτεχνική δουλειά με σκοπό να βολευτεί ο περισσότερος κόσμος όμως σιγά σιγά θα το βελτιώσουμε με επόμενες σειρές του ίδιου Gadget.

Θα ανακοινώσουμε το Official σύντομα, για την ώρα σας παρέχουμε την Beta Version.

1) Σύνδεση στον Blogger

2) Επιλέγουμε Διάταξη από την στήλη στα αριστερά

3) Επιλέγουμε Προσθήκη Gadget σε οποιοδήποτε σημείο του Blog

4) Από την λίστα, επιλέγουμε το HTML/JavaScript (11o στην λίστα)

5) Προσθέτουμε τον παρακάτω κώδικα

<style type="text/css">

* html #ksbpopupdiv {position:absolute;}
#ksbpopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#ksbpopup {background-color: #fff; overflow:none;}
.ksbpopup {width:560px; height:300; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;}
</style>

<div id="ksbpopupdiv">
<div id="ksbpopup" class="ksbpopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('ksbpopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
</center>
<iframe width="560" height="300" src="http://www.youtube.com/embed/NjwUHXoi8lM" frameborder="0" allowfullscreen></iframe>
</div>
</div>

6) Αλλάζουμε το Video URL

7) Πατάμε Αποθήκευση και τέλος

Το Pop Up εμφανίζεται κάθε φορά που γίνεται Loading η σελίδα.

Επίσης αν το video παίζει και κλείσουμε το παράθυρο, το video δεν σταματάει.

Όποιος γνωρίζει κάτι παραπάνω ας στείλει μήνυμα στην σελίδα μας στο Facebook.



Number of Comments: 2

Καλησπέρα! Όταν κάνω ενσωμάτωση αυτό τον κώδικα παίζει την 1η φορά μόνο του το βίντεο και μετά πρέπει να πατήσω εγώ play. Επίσης όταν πατάω για να κλείσει δεν εμφανίζεται στο blog αλλά συνεχίζει να παίζει

Το γνωρίζουμε πως υπάρχει αυτό το πρόβλημα από τις δοκιμές που κάναμε πριν το δημοσιεύσουμε. Γιαυτό άλλωστε το δηλώσαμε ως Ερασιτεχνικό επειδή έχει ακόμα αρκετά προβλήματακια. Όμως σε γενικές γραμμές κάνει την δουλειά του.