Dear All,
There is page with one div in which i set video to play.
now i have one problem that, i want to change that video on click on video name.
I am using javascript to set video on click of name.
I am using ytplayer and playing youtube video.
but its not changing video.
Please help me....
My Javascript Code is :-
<script type="text/javascript">
function updateHTML(elmId, value) {
document.getElementById(elmId).innerHTML = value;
}
function onPlayerError(errorCode) {
alert("An error occured of type:" + errorCode);
}
function onPlayerStateChange(newState) {
updateHTML("playerState", newState);
}
function onYouTubePlayerReady(playerId,video_ID,wt_title,wt_synopsis,wt_div_id,user_id)
{
if(typeof(video_ID)=="string")
{
document.getElementById("lbl_title").innerHTML =wt_title;
document.getElementById("lbl_synopsis").innerHTML =wt_synopsis;
document.getElementById("hidden_wt_div_id").value =wt_div_id;
document.getElementById("hidden_user_id").value =user_id;
document.getElementById("hidden_video_id").value =video_ID;
ytplayer = document.getElementById("ytPlayer");
setInterval(updatePlayerInfo, 250);
updatePlayerInfo();
ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
ytplayer.addEventListener("onError", "onPlayerError");
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
ert("Your browser does not support XMLHTTP!");
}
xmlhttp.onreadystatechange = function()
{
if(xmlhttp.readyState==4)
{
}
}
xmlhttp.open("POST","Wocktube_View_Ajax.aspx?reqWtDivID="+wt_div_id+"&reqUserID="+user_id+"&reqWtStatus=0",true);
xmlhttp.send(null);
}
}
<pre lang="cs">function loadPlayer(videoID) {
alert("Function load player VideoID= " + videoID);
var params = { allowScriptAccess: "always" , allowfullscreen: "true" };
var atts = { id: "ytPlayer" };
var strSWF="http:
swfobject.embedSWF("http:
"?version=3&enablejsapi=1&playerapiid=player1",
"videoDiv", "360", "270", "9", null, null, params, atts);
}
function _run() {
}
google.setOnLoadCallback(_run);
</script>