Saturday, June 11, 2011

Youtube Player with Time

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script type="text/javascript" src="http://static.flowplayer.org/js/flowplayer-3.2.4.min.js"></script>
<script src="http://static.flowplayer.org/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="http://flowplayer.electroteque.org/js/flowplayer.bwcheck-3.2.js"></script>
<script type="text/javascript" src="http://flowplayer.electroteque.org/js/flowplayer.captions.js"></script>

<script type="text/javascript" src="http://flowplayer.electroteque.org/js/flowplayer.viralvideos.js"></script>
<script type="text/javascript" src="http://flowplayer.electroteque.org/js/flowplayer.securedrm-3.6.js"></script>



<script type="text/javascript">
$(function() {

// positions for each overlay


// setup triggers
$("button[rel]").each(function(i) {
$(this).overlay({

// common configuration for each overlay
oneInstance: false,
closeOnClick: false,


// use apple effect
effect: 'apple'

});
});

});
// common methods and configs


var loggingConfig = { level: 'debug', filter: 'org.flowplayer.audio.*, org.flowplayer.view.MediaResizer, org.flowplayer.view.Screen, org.flowplayer.controller.*,org.flowplayer.bwcheck.*, org.flowplayer.cluster.*,org.flowplayer.rtmp.*, org.flowplayer.youtube.*' };

function showTimeHere(){
a=(parseInt($f().getTime())>0)?$f().getTime():0;
document.getElementById('dI').innerHTML=a+' seconds';
}

</script>




<div style="width:480px;">
<!-- player container--> <a id="basic" style="display:block;width:480px;height:360px;float:left;" href="api:rJOsjP33nF4">
<!-- splash image inside the container --> <img alt="Search engine friendly content" src="http://img.youtube.com/vi/rJOsjP33nF4/0.jpg"> </a>
<!-- Flowplayer installation and configuration -->
<script language="JavaScript">

$f("basic", "http://flowplayer.electroteque.org/swf/flowplayer.swf", {
// configure the required plugin
screen: {
zIndez:1
},
plugins: {
controls: { autoHide: true },
youtube: {
url:'http://flowplayer.electroteque.org/swf/flowplayer.youtube-3.2.6.swf',
onVideoRemoved: function() {
console.log("Video Removed");
},
onVideoError: function() {
console.log("Incorrect Video ID");
},
onEmbedError: function() {
console.log("Embed Not Allowed");
},
zIndez:0,
displayErrors: true
}
},
clip: {
provider: 'youtube',
urlResolvers: 'youtube'
},
log: loggingConfig

});




</script>
</div>
<span id="dI"></span>
<button type="button" onclick="showTimeHere()">show time</button>

No comments:

Post a Comment