Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Video από το Youtube στο blog σου - Embed html video from Youtube in your blog


Print Friendly and PDFPrintPrint Friendly and PDFPDF

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

Όλοι έχουμε δει videos στο youtube.Σήμερα θα σας πω πως θα βάλετε ένα video του youtube στο blog σας αφού το επεξεργαστείτε πρώτα.Πείτε λοιπόν πως βλέπετε αυτό το βίντεο ( http://www.youtube.com/watch?v=Zf7dxh5rJMg* ) και θέλετε να το βάλετε στο blog σας είτε μέσα σε ανάρτησή σας είτε στην sidebar.

Βλέπετε στη δεξιά στήλη κάτω από το όνομα αυτού που ανέβασε το βιντεο και τις infos του βιντεο που λεει "Embed" (κάτω από το "URL") και εχει εναν κωδικο διπλα?Αυτός ο κωδικός μας ενδιαφέρει.

Με το που πατήσετε πάνω σε αυτόν τον κωδικό θα σας ανοίξει ένα παράθυρο με μερικές επιλογές.
Συγκεκριμένα:

Include related videos (Να περιλαμβάνει τα σχετικά videos?Όταν τελειώσει δηλαδή το συγκεκριμένο video να μπορεί ο επισκέπτης σας να δει κι άλλα videos ή όχι?Τσεκάρετε το τετραγωνάκι αν θέλετε να περιλαμβάνονται)

Show Border (Να έχει περιθώριο γύρω-γύρω?Αν θέλετε να έχει τσεκάρετε το τετραγωνάκι.)

Enable privacy-enhanced mode (Αγνοήστε το!Μην το τσεκάρετε!)

Μετά θα έχετε να επιλέξετε κάποια χρώματα.Διαλέξτε το ζευγάρι χρωμάτων που σας αρέσει.Να ταιριάζουν τα χρώματα με τα χρώματα του blog σας.

Μετα έχει μια επιλογή σχετικά με το μέγεθος του video.Αυτό αγνοήστε το προς το παρον.Θα σας δείξω μετά πως θα ρυθμίσετε το μέγεθος.

Ο κώδικας κάθε youtube-video είναι κάπως έτσι:


<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/Zf7dxh5rJMg&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Zf7dxh5rJMg&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>


Πιστεύω πως βλέπετε μόνοι σας αυτό που ετοιμάζομαι να σας πω.
Όπως ξέρετε το width σημαίνει πλάτος και το height σημαίνει ύψος.
Ρυθμίστε το μέγεθος του video όσο θέλετε αλλάζοντας τα νούμερα που σας εχω μαρκάρει με κίτρινο.Πρέπει να το αλλάξετε από 2 φορές το κάθε νούμερο.

Ο κώδικας του video μας είναι έτοιμος!

Αν θέλουμε να το βάλουμε μέσα σε ανάρτηση ,απλά εκεί που γράφουμε την ανάρτηση επικολλούμε τον κώδικα μας ενώ είμαστε στην καρτέλα "Επεξεργασία html" και ΟΧΙ στην καρτέλα "Σύνθεση".

Αν θέλουμε να βάλουμε το video στην πλάγια στήλη (sidebar) του blog μας το βάζουμε σαν gadget.Για να το κάνουμε αυτό πάμε:Διάταξη,Προσθήκη gadget,HTML/JavaScript και επικολλούμε τον κωδικό εκεί μέσα.Και το αποθηκεύουμε.

Με αυτόν τον τρόπο λοιπόν μπορούμε να βάλουμε στο blog μας οποιοδήποτε video από το youtube και αφού το επεξεργαστούμε πρώτα!

Αν συναντήσατε κάποιο πρόβλημα ενημερώστε με,με ένα σχόλιο.

*Παρεμπιπτόντως το εν΄λόγω video είναι το εξής:(Aξίζει να το δείτε'έχει γέλιο!)

Stumble
Delicious
Technorati
Twitter
Facebook

10 comments:

Ανώνυμος είπε...

φίλε έχω πρόβλημα με τα video που ανεβάζω στο blog μου ενώ για αρκετό καιρό μου τα επαιζε στο πλάτος που είχαν τώρα τα δειχνει κομμένα στα δεξιά, και τα "allowFullScreen" param
Verdana allowscriptaccess

στην επεξεργασία html κοκκινισμένα underline .Μπορώ να αλλάξω τα νουμερα να τα μικρύνω ? η υπάρχει κάποιο άλλο πρόβλημα στον κώδικα

granpa είπε...

Καλησπέρα,
Το πρόβλημα που έχω εγώ με το blog μου είναι ότι όλα τα video παρουσιάζουν συνεχόμενα κολλήματα από την αρχή μέχρι το τέλος (στην εικόνα όχι στον ήχο). Είτε είναι από youtube είτε είναι από dailymotion παρουσιάζουν το ίδιο πρόβλημα. Μήπως ξέρεις τι μπορεί να φταίει?

Σε ευχαριστώ εκ των προτέρων

saras13 είπε...

Δεν μπορω να βρω τον κωδικα που λες στο youtube..δεν μπορω να καταλαβω!Αν μπορεις πες μου:)

A.G.Selena είπε...

saras13 Στο νέο youtube τα πράγματα άλλαξαν λίγο...
Πάτα ΑΠΟΣΤΟΛΗ -> ΕΝΣΩΜΑΤΩΣΗ
Επέλεξε το -> "Χρήση παλαιού κώδικα ενσωμάτωσης" και μετά κάνε αντιγραφή του κώδικα που σου βγάζει στο πλαίσιο. Από κάτω θα δεις ότι σου δίνει κάποιες δυνατότητες ως προς το πλάτος και το ύψους του βίντεο, οπότε μπορείς και από εκεί να επιλέξεις...

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

Ανώνυμος είπε...

γεια σας,υπαρχει τροπο να βαλο ενα κουμπι like κατω απο το βιντεο..??αν γνωριζετε..θα με κανατε..ευτυχη..
pan_me@windowslive.com

Unknown είπε...

συγνωμη αλλα δεν μπορω να βρω τον κωδικα εκει που λες embed κατω απο το URL.. που ειναι;;;

Αριστομένης ο Μεσσήνιος είπε...

Απλά και όμορφα! Νά'σε καλά φίλε!

Greece, a fascinating country είπε...

Πολυ βοηθητικο! Μπραβο!

ΓΙΩΡΓΟΣ Ε. ΦΡΑΓΚΟΥΛΗΣ είπε...

πως μπορώ να βάλω βίντεο σε σχόλιο στο blogger. Αυτό το καταφέρνει μόνο η Wordpress. Και το καταφέρνει πολύ απλά. Βάζεις στο σχόλιο απλώς την url του βίντεο όχι το embed. Και φαίνεται ολόκληρο το βίντεο όχι παραπομπή μέσω link. Μπορεί αυτό να γίνει στο blogger;

ΓΙΩΡΓΟΣ Ε. ΦΡΑΓΚΟΥΛΗΣ είπε...

πως μπορώ να βάλω βίντεο σε σχόλιο στο blogger. Αυτό το καταφέρνει μόνο η Wordpress. Και το καταφέρνει πολύ απλά. Βάζεις στο σχόλιο απλώς την url του βίντεο όχι το embed. Και φαίνεται ολόκληρο το βίντεο όχι παραπομπή μέσω link. Μπορεί αυτό να γίνει στο blogger;

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *