Youtube player vervangen door eigen
Pas geleden was het aangekondigd dat met de nieuwe youtube API je youtube players kon vervangen door je eigen player e.d. ik snap alleen echt niet hoe je dit moet opbouwen. Heeft iemand hier ervaring mee of kan iemand dit wel?
Alvast bedankt!
De volgende link komt mijn uitwerking vandaan:
http://blogoscoped.com/youtube-api/
En hier kom je mijn uitwerking momenteel tegen dus wat ik heb toegepast op de bovenstaande link.
http://www.doubtful-clan.com/new/
Bij meer uitleg wil ik graag helpen ;)
Gewijzigd op 01/01/1970 01:00:00 door CB2thephp
http://johan.ypcms.nl/video/.
Ik zet de video's in m'n database en geef het weer met de JWplayer.
SQL:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
CREATE TABLE IF NOT EXISTS video (
id int(10) unsigned NOT NULL auto_increment,
name varchar(50) NOT NULL default '',
title varchar(50) NOT NULL default '',
url varchar(255) NOT NULL default '',
PRIMARY KEY (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
id int(10) unsigned NOT NULL auto_increment,
name varchar(50) NOT NULL default '',
title varchar(50) NOT NULL default '',
url varchar(255) NOT NULL default '',
PRIMARY KEY (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript" src="swfobject.js"></script>
<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this video.</p>
<script type="text/javascript">
var so = new SWFObject('player.swf','mpl','750','335','8');
so.addParam('allowfullscreen','true');
so.addVariable('autostart','false');
so.addVariable('file','playlist.php');
so.addVariable('displayheight','312');
so.addVariable('displaywidth','400');
so.addVariable('backcolor','0x000000');
so.addVariable('frontcolor','0xffffff');
so.addVariable('lightcolor','0xffffff');
so.write('player');
</script>
<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this video.</p>
<script type="text/javascript">
var so = new SWFObject('player.swf','mpl','750','335','8');
so.addParam('allowfullscreen','true');
so.addVariable('autostart','false');
so.addVariable('file','playlist.php');
so.addVariable('displayheight','312');
so.addVariable('displaywidth','400');
so.addVariable('backcolor','0x000000');
so.addVariable('frontcolor','0xffffff');
so.addVariable('lightcolor','0xffffff');
so.write('player');
</script>
playlist.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?php
include 'dbconnect.php'; // Verwijzend naar het bestand waar je een database-connectie maakt.
function video_img($url){
$url = explode('=', $url);
$url = 'http://img.youtube.com/vi/' . $url['1'] . '/0.jpg';
return $url;
}
echo '<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Naam van je playlist</title>
<info>Link naar je website</info>
<trackList>';
$query = mysql_query("SELECT * FROM video ORDER BY name ASC");
while ($arr = mysql_fetch_assoc($query)) {
echo ' <track>
<title>' . $arr['title'] . '</title>
<creator>' . $arr['name'] . '</creator>
<location>' . $arr['url'] . '</location>
<info>' . $arr['url'] . '</info>
<image>' . video_img($arr['url']) . '</image>
</track>
';
}
echo '
</trackList>
</playlist>';
?>
include 'dbconnect.php'; // Verwijzend naar het bestand waar je een database-connectie maakt.
function video_img($url){
$url = explode('=', $url);
$url = 'http://img.youtube.com/vi/' . $url['1'] . '/0.jpg';
return $url;
}
echo '<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Naam van je playlist</title>
<info>Link naar je website</info>
<trackList>';
$query = mysql_query("SELECT * FROM video ORDER BY name ASC");
while ($arr = mysql_fetch_assoc($query)) {
echo ' <track>
<title>' . $arr['title'] . '</title>
<creator>' . $arr['name'] . '</creator>
<location>' . $arr['url'] . '</location>
<info>' . $arr['url'] . '</info>
<image>' . video_img($arr['url']) . '</image>
</track>
';
}
echo '
</trackList>
</playlist>';
?>
Hierbij mag de regel eventueel weggelaten worden, door dit weg te halen zal het rondje met de link naar de YouTube-pagina niet weergegeven.
http://johan.ypcms.nl/video/player.swf
http://johan.ypcms.nl/video/swfobject.js
(Rechter-muis, Koppeling/Doel opslaan als...)
Hopelijk kan je er iets mee,
grz. Johan.
//Edit: ik bedenk me trouwens net bij het herlezen van het bericht van TS: had dat verhaal over die API niet te maken met posten naar de servers van YouTube?
Gewijzigd op 01/01/1970 01:00:00 door Johan M
In dit geval haal ik een lijst op van een gebruiker
Kijk in de source hoe ik het gedaan heb.
Heb er ook veel SEO aan toegevoegd.
Er zitten nog wel wat bugs in deze versie maar dat zal niet snel meer duren voordat die opgelost zijn
http://www.cfcms.nl/test-user-list-youtube.html
Gewijzigd op 01/01/1970 01:00:00 door Ceasar Feijen