Youtube HQ videos στην ιστοσελίδα μας + JW player

Σε αυτή την περιοχή μπορείτε να βρείτε ή να αναζητήσετε πληροφορίες σχετικές με την PHP

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6230
Εγγραφή: 30 Νοέμ 2004 03:09

Youtube HQ videos στην ιστοσελίδα μας + JW player

Δημοσίευση από fafos » 30 Ιαν 2009 23:06

H youtube.com μας δίνει τις τελευταίες ημέρες την ευκαιρία να βλέπουμε τα videos σε υψηλή ευκρίνεια (High Quality)..

Με τις παρακάτω οδηγίες μπορείτε να δείχνετε τα βίντεος από το youtube στις σελίδες σας σε HQ..

Θα χρησιμοποιήσουμε τον JW player τον οποίο μπορείτε να κατεβάσετε εδώ:

http://www.longtailvideo.com/players/jw-flv-player/

αν θέλετε κάποια άλλη εμφάνιση διαλέξτε εδώ:

http://www.longtailvideo.com/addons/skins


Δημιουργούμε ένα αρχείο php το οποίο ονομάζουμε youtube.php:

Κώδικας: Επιλογή όλων

<?php
$videoid = &#40;isset&#40;$_GET&#91;'v'&#93;&#41;&#41; ? strval&#40;$_GET&#91;'v'&#93;&#41; &#58; 'K2_U1kbIcJQ';
$fmt = &#40;isset&#40;$_GET&#91;'fmt'&#93;&#41;&#41; ? intval&#40;$_GET&#91;'fmt'&#93;&#41; &#58; '';
$uri = "http&#58;//www.youtube.com/api2_rest?method=youtube.videos.get_video_token&video_id=$videoid";
$t = trim&#40;strip_tags&#40;@file_get_contents&#40;$uri&#41;&#41;&#41;;
$uri = "http&#58;//www.youtube.com/get_video.php?video_id=$videoid&t=$t&fmt=$fmt";

header&#40;"Location&#58; $uri"&#41;;

?>
σε αυτό το αρχείο δεν χρειάζεται να αλλάξουμε τίποτα, απλώς θα το ανεβάσουμε στον server μας..



Ο κώδικας που θα βάλουμε στις σελίδες που θέλουμε να δείχνουμε τα βίντεος:

Κώδικας: Επιλογή όλων

<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript">
var flashvars =
&#123;
// fmt=6 HQ FLV 480x360, fmt=18 HQ MP4 480x270,  fmt=35 HQ MP4 640x360

'file'&#58; encodeURIComponent&#40;'youtube.php?v=hp4rkpNFtPg&fmt=35'&#41;,
'type'&#58; 'video',
'stretching'&#58; 'none',
'frontcolor'&#58; '86C29D',
'backcolor'&#58; '849BC1',
'lightcolor'&#58; 'C286BA',
'screencolor'&#58; '000000',
'autostart'&#58; 'true',
'skin'&#58; 'snel.swf'
&#125;;

var params =
&#123;
'allowfullscreen'&#58; 'true',
'allowscriptaccess'&#58; 'always',
'bgcolor'&#58; '#000000'

&#125;;

var attributes =
&#123;
'name'&#58; 'playerId1',
'id'&#58; 'playerId1'
&#125;;

swfobject.embedSWF&#40;'player.swf', 'player1', '640', '390', '9.0.124', false, flashvars, params, attributes&#41;;
</script>


<div id="playercontainer1" class="playercontainer1">
<a id="player1" class="player1" href="http&#58;//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Adobe Flash Player to see this video.</a>
</div>

Στην πρώτη γραμμή "τραβάμε" ένα swfobject.js από τον google... δοκίμασα το swfobject.js του JW αλλά δεν δουλεύει..

Στο 'file': encodeURIComponent('youtube.php?v=hp4rkpNFtPg&fmt=35'), δίνω τον κωδικό του βίντεο όπως τον δίνει η youtube: hp4rkpNFtPg
μετά συνεχίζω με το &fmt=35 ... αυτό σημαίνει ότι θα τραβήξει από την youtube ένα βίντεο HQ MP4 640x360

λίγο ποιό κάτω δίνω αυτό: 'skin': 'snel.swf' που σημαίνει ότι αλλάζω την εμφάνιση του player με κάποιο από τα skins που δίνονται εδώ: http://www.longtailvideo.com/addons/skins

στο swfobject.embedSWF('player.swf', 'player1', '640', '390', '9.0.124', false, flashvars, params, attributes); δίνω την διαδρομή προς το player.swf και τις διαστάσεις του player ( '640', '390',)... μπορείτε να τις αλλάξετε όπως σας βολεύει ή ανάλογα με το fmt που θα χρησιμοποιήσετε (fmt=6 HQ FLV 480x360, fmt=18 HQ MP4 480x270, fmt=35 HQ MP4 640x360).. δώστε λίγο αέρα στο ύψος ανάλογα με το skin που θα επιλέξετε..

Από τα αρχεία του JW player που κατεβάσατε ανεβάστε στον server σας ΜΟΝΟ το player.swf και το αρχείο swf του skin (εφόσον θέλετε να αλλάξετε το skin)


Με το παράδειγμά μου όλα τα αρχεία είναι στον ίδιο φάκελλο με τις σελίδες που θα εμφανίζουν τα βίντεος... μπορείτε να τα βάλετε σε διαφορετικό φάκελλο αρκεί να καλείτε το URL όπου χρειάζεται στον κώδικα.. π.χ.:

'file': encodeURIComponent('http://www.site.gr/fakelos/youtube.php? ... tPg&fmt=35'),

'skin': 'http://www.site.gr/fakelos/snel.swf'

'http://www.site.gr/fakelos/player.swf',



Σημ... αν θέλουμε να δείχνουμε πάνω από 1 βίντεο στην ιδια σελίδα θα πρέπει να αλλάζουμε τα id:

Κώδικας: Επιλογή όλων

'name'&#58; 'playerId1',
'id'&#58; 'playerId1'

'player1',

<div id="playercontainer1" class="playercontainer1">
<a id="player1" class="player1" href="http&#58;//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Adobe Flash Player to see this video.</a>
</div>
αλλάξτε τα με 'name': 'playerId2', 'id': 'playerId2'... 'name': 'playerId3', 'id': 'playerId3'...κλπ κλπ



ΠΡΟΣΟΧΗ!!!! Αυτό λειτουργεί μόνο όταν υπάρχει βίντεο HQ στο youtube!! αν δεν υπάρχει HQ βίντεο δεν πρόκειται να δείξει βίντεο!!!



αυτά.. :D
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
vortalifer
Δημοσιεύσεις: 769
Εγγραφή: 02 Ιουν 2003 15:30
Επικοινωνία:

Youtube HQ videos στην ιστοσελίδα μας + JW player

Δημοσίευση από vortalifer » 30 Ιαν 2009 23:19

η μπορείς στο embeded youtube video να προσθέσεις μετα το path του video αυτο: &amp;ap=%2526fmt%3D18

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6230
Εγγραφή: 30 Νοέμ 2004 03:09

Youtube HQ videos στην ιστοσελίδα μας + JW player

Δημοσίευση από fafos » 30 Ιαν 2009 23:30

vortalifer έγραψε:η μπορείς στο embeded youtube video να προσθέσεις μετα το path του video αυτο: &amp;ap=%2526fmt%3D18
nai.. an theleis ton player tou youtube me tis diafhmiseis tou kai loipa parelkomena..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
loxy
Δημοσιεύσεις: 208
Εγγραφή: 17 Ιούλ 2007 01:18

Youtube HQ videos στην ιστοσελίδα μας + JW player

Δημοσίευση από loxy » 31 Ιαν 2009 16:49

Ωραια πραγματα ρε γμτ!

Κριμα που μπαινω στρατο σε λιγες μερες και θα μεινω πισω...

Απάντηση

Επιστροφή στο “PHP Προγραμματισμός”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες