In een HTML (of door PHP gegenereerde HTML) pagina kun je een PodPress video player als volgt embedden, mits je ergens de PodPress plugin hebt geinstalleerd. Bijvoorbeeld zijn je videos in de /videos directory ge-uploaded en de WordPress PodPress plugin installatie is in de domain root :
Voorbeeld video PodPress Player in een HTML page dat niet van je WordPress blog is: <br>
<div class=\"podPress_content\"><div id=\"podPressPlayerSpace_2\"> </div>
<a href=\"http://www.jouwdomein.com/videos/jouwvideo.flv\" target=\"new\"><img src=\"http://www.jouwdomein.com/wp-content/plugins/podpress/images/video_flv_button.png\" border=\"0\" align=\"top\" class=\"podPress_imgicon\" alt=\"icon for podpress\" /></a> <a href=\"#\" onclick=\"javascript: podPressShowHidePlayer(\’2\’,\’www.jouwdomein.com/videos/jouwvideo.flv\’,320,240,\’true\’); return false;\"><span id=\"podPressPlayerSpace_2_PlayLink\">Play Now</span></a> | <a href=\"#\" onclick=\"javascript: podPressPopupPlayer(\’2\’, \’http://www.jouwdomein.com/videos/jouwvideo.flv\’,320,240); return false;\">Play in Popup</a> | <a href=\"http://www.jouwdomein.com/videos/jouwvideo.flv\" target=\"new\">Download</a><br/>
</div>
<script type=\"text/javascript\"><!–
podPressShowHidePlayer(\’2\’, \’http://www.jouwdomein.com/videos/jouwvideo.flv\’,320,240, \’nopreview\’, \’http://www.jouwdomein.com/wp-content/wp-content/plugins/podpress/
images/vpreview_center.png\’);
–>
</script><div>
Als je meer dan 1 video player op 1 pagina wilt hebben, dan moet je iedere player een uniek nummer meegeven. In bovenstaand voorbeeld is nummer 2 gebruikt. Dus
podPressShowHidePlayer(\’2
podPressPlayerSpace_2
podPressShowHidePlayer(\’2
enzovoorts.
Een snippet of widget heb ik er nog niet van weten te maken.
Oh ja, in de header van je pagina, om precies te zijn tussen de tags
<head>
……
</head>
moet nog de volgende Java script komen te staan :
<script type=\"text/javascript\" src=\"http://www.jouwdomein.com/wp-content/plugins/podpress/podpress.js\"></script>
<script type=\"text/javascript\"><!–
var podPressBackendURL = location.protocol;
if(location.port != \"80\" && location.port != \"443\") {podPressBackendURL = podPressBackendURL+location.port; }
podPressBackendURL = podPressBackendURL+\"/\"+location.hostname+\"/wp-content/plugins/podpress/\";
var podPressDefaultPreviewImage = podPressBackendURL+\"/images/vpreview_center.png\";
var podPressMP3PlayerOptions = \"&bg=0xF8F8F8&leftbg=0xEEEEEE&rightbg=0xCCCCCC&
rightbghover=0×999999&lefticon=0×666666&righticon=0×666666&
righticonhover=0xFFFFFF&text=0×666666&slider=0×666666&
track=0xFFFFFF&loader=0×9FFFB8&border=0×666666&\";
var podPressMP3PlayerWrapper = false;
var podPressText_PlayNow = \"Play Now\";
var podPressText_HidePlayer = \"Hide Player\";
–></script>
<link rel=\"stylesheet\" href=\"http://www.jouwdomein.com/wp-content/plugins/podpress/podpress.css\" type=\"text/css\" />
Dan werkt het wat beter. Anders krijg je een leeg stuk op de pagina te zien.
Voila, that’s it.
Happy PodCasting !