Click here to Skip to main content
15,922,427 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi,

I am facing problem on playing flv files on my website. i want to show still image for this video when click this image play my video just like youtube concept.
Posted
Comments
ajay1752 11-May-12 8:03am    
how to play a H264 file in .net

Just Change the URL var value in scr..........

C#
<script language="javascript" type="text/javascript">
    function openYouTube() {

        var id = document.getElementById("YouTubeLink").value;

        if (id != "") {
            //YouTube Player Parameters
            var width = 550;
            var height = 350;
            var FullScreen = "yes";
            var AutoPlay = "yes";
            var HighDef = "yes";

            //Calculate Page width and height
            var pageWidth = window.innerWidth;
            var pageHeight = window.innerHeight;
            if (typeof pageWidth != "number") {
                if (document.compatMode == "CSS1Compat") {
                    pageWidth = document.documentElement.clientWidth;
                    pageHeight = document.documentElement.clientHeight;
                } else {
                    pageWidth = document.body.clientWidth;
                    pageHeight = document.body.clientHeight;
                }
            }
            // Make Background visible...
            var divbg = document.getElementById('bg');
            divbg.style.visibility = "visible";

            //Create dynamic Div container for YouTube Popup Div
            var divobj = document.createElement('div');
            divobj.setAttribute('id', id); // Set id to YouTube id
            divobj.className = "popup";
            divobj.style.visibility = "visible";
            var divWidth = width + 4;
            var divHeight = height + 20;
            divobj.style.width = divWidth + "px";
            divobj.style.height = divHeight + "px";
            var divLeft = (pageWidth - divWidth) / 2;
            var divTop = (pageHeight - divHeight) / 2 - 10;
            //Set Left and top coordinates for the div tag
            divobj.style.left = divLeft + "px";
            divobj.style.top = divTop + "px";

            //Create dynamic Close Button Div
            var closebutton = document.createElement('div');
            closebutton.style.visibility = "visible";
            closebutton.innerHTML = "<span onclick=\"closeYouTube('" + id + "')\" class=\"close_button\">X</span>";
            //Add Close Button Div to YouTube Popup Div container
            divobj.appendChild(closebutton);

            //Create dynamic YouTube Div
            var ytobj = document.createElement('div');
            ytobj.setAttribute('id', "yt" + id);
            ytobj.className = "ytcontainer";
            ytobj.style.width = width + "px";
            ytobj.style.height = height + "px";
            if (FullScreen == "yes") FullScreen = "&fs=1"; else FullScreen = "&fs=0";
            if (AutoPlay == "yes") AutoPlay = "&autoplay=1"; else AutoPlay = "&autoplay=0";
            if (HighDef == "yes") HighDef = "&hd=1"; else HighDef = "&hd=0";
            var URL = "http://www.youtube.com/v/" + id + "&hl=en&rel=0&showsearch=0" + FullScreen + AutoPlay + HighDef;
            var YouTube = "<object width=\"" + width + "\" height=\"" + height + "\">";
            YouTube += "<param name=\"movie\" value=\"" + URL + "\"></param>";
            YouTube += "<param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param>";
            YouTube += "<embed src=\"" + URL + "\" type=\"application/x-shockwave-flash\" ";
            YouTube += "allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"" + width + "\" height=\"" + height + "\"></embed></object>";
            ytobj.innerHTML = YouTube;
            //Add YouTube Div to YouTube Popup Div container
            divobj.appendChild(ytobj);

            //Add YouTube Popup Div container to HTML BODY
            document.body.appendChild(divobj);
        }
        else {
            var divbg = document.getElementById('text');
            divbg.style.visibility = "visible";
            divbg.innerHTML = "No Video Uploaded for this Product!";
        }
    }

    function closeYouTube(id) {
        var divbg = document.getElementById('bg');
        divbg.style.visibility = "hidden";
        var divobj = document.getElementById(id);
        var ytobj = document.getElementById("yt" + id);
        divobj.removeChild(ytobj); //remove YouTube Div
        document.body.removeChild(divobj); // remove Popup Div
    }
</script>
 
Share this answer
 
 
Share this answer
 
v2
Comments
thatraja 29-Dec-11 1:53am    
5!
Supriya Srivastav 28-Jan-12 6:04am    
My 5 too.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900