How To Resume Embedded Youtube Video?
I used //www.youtube.com/embed/JDcaMVwCr3c?wmode=opaque&showinfo=0&autoplay=1&controls=0&modestbranding=1&vq=&rel=0 url to embed a video in my site. Now, if
Solution 1:
Please refer to the following example with comment.
<html><head></head><body><divid="ytplayer"></div><script>// Load the IFrame Player API code asynchronously.var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and// YouTube player after the API code downloads.var player;
functiononYouTubePlayerAPIReady() {
player = newYT.Player('ytplayer', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE', // Youtube video IDevents: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange,
}
});
}
functiononPlayerStateChange() {
createCookie('ply_time', player.getCurrentTime(), 1); // Stats like buffer, Pause and play store time in Cookes
}
functiononPlayerReady() {
player.seekTo(readCookie('ply_time')); // On ready get ccokies and start vide from that.
}
document.unload = function() { // On docucment unload set cookiecreateCookie('ply_time', player.getCurrentTime(), 1);
}
window.onbeforeunload = function() { // On Window unload set cookiecreateCookie('ply_time', player.getCurrentTime(), 1);
}
/*
* Start:- function to create , read and erase Cookie
*/functioncreateCookie(name, value, days) {
if (days) {
var date = newDate();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
elsevar expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
functionreadCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ')
c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0)
return c.substring(nameEQ.length, c.length);
}
returnnull;
}
functioneraseCookie(name) {
createCookie(name, "", -1);
}
/*
* End:- function to create , read and erase Cookie
*/</script></body>
Post a Comment for "How To Resume Embedded Youtube Video?"