Forums

Anyone know how to Show/Hide Multiple Videos in a Single Post??? (11 posts)

  1. thind
    Member
    Posted 4 years ago #

    Imagine if i have 10-20 videos (videos from youtube) that i want to show in one of my post. and i dont want them to show it directly in my post.
    what all iam saying is when you click it on a link or soemthing the video pops up in some way the video player.

    Screenshot to see what all i was referring about:

    I see someone doing this on their WordPress Blog -

    Before:

    http://i28.tinypic.com/2z9h6kp.png

    And when you click one of the parts:

    http://i27.tinypic.com/20azzbt.png

  2. yearginsm
    Member
    Posted 4 years ago #

    It looks like Javascript will be your friend for this one. I do not think there is a comparable feature built-in to WordPress.

    http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

    So, for each link, you could add an onclick="window.open([...])" attribute using examples from the link above. You would have to use the HTML view (non visual editor) to make these edits.

  3. thind
    Member
    Posted 4 years ago #

    I dont think this is the correct answer.

    ok here i give you the direct link the site that is doing this

    http://www.criclove.com/pakistan-vs-bangladesh-4th-odi-at-multan-full-highlights/

    scroll down to bottom and see it

    thanks a lot for the wuizk reply

  4. yearginsm
    Member
    Posted 4 years ago #

    Ah. I thought you were looking to simply load a video file into a pop-up. The site you reference is using the SWFObject javascript library with an extra function tied onto the end of it.

    Library: http://blog.deconcept.com/swfobject/

    Controller:

    function play(theFile, go) {
    			var flvu;
    			flvu =  "http://www.dipvid.com/play.php?flv=" + theFile;
    
                            var so1 = new SWFObject("flvplayer.swf", "flvplayer", "553", "440", "7",  null, true);
                            so1.addParam("allowFullScreen", "true");
                            so1.addParam("wmode", "transparent");
                            so1.addParam("allowSciptAccess", "always");
                            so1.addVariable("themes", "themes.xml");
                            so1.addVariable("flv", flvu);
                            if (go) { so1.addVariable("autoplay","true"); }
                            so1.write("flashcontent2");
                            }

    I personally have never had a need to do this, but I think those sites and examples should be enough to get you started.

  5. thind
    Member
    Posted 4 years ago #

    Thanks a lot for finding this.

    Can you please explains this in briefly how do you install and stuff.

    I am pretty new on WordPress and doesnt know that much avout javascript and stuff

    please explains briefly to me.

    thanks again

  6. thind
    Member
    Posted 4 years ago #

    yearginsm,

    Can you please tell me Step by step how do you install this Thing. I really want to use it. Please i have no clue from where to bring. Please Give me Step by Step Instructions...

    Thanks again looking forward to your answer.

    Thanks,
    Thind

  7. yearginsm
    Member
    Posted 4 years ago #

    I wish I could be of more help, but I have never had to embed a lot of video a site. I think the solution will not have as much to do with WordPress (you can easily put Javascript into a post just like you could if you were creating static HTML pages) as it would with the video embedding scripts.

    Here is the forum that the SWFObjects experts hang out at:

    http://groups.google.com/group/swfobject

    Sorry I could not be of more assistance.

  8. thind
    Member
    Posted 4 years ago #

    ok thanks though

    one last question why did you provide this:

    Controller:

    function play(theFile, go) {
    			var flvu;
    			flvu =  "http://www.dipvid.com/play.php?flv=" + theFile;
    
                            var so1 = new SWFObject("flvplayer.swf", "flvplayer", "553", "440", "7",  null, true);
                            so1.addParam("allowFullScreen", "true");
                            so1.addParam("wmode", "transparent");
                            so1.addParam("allowSciptAccess", "always");
                            so1.addVariable("themes", "themes.xml");
                            so1.addVariable("flv", flvu);
                            if (go) { so1.addVariable("autoplay","true"); }
                            so1.write("flashcontent2");
                            }

    and how would i get use of this

    thanks

  9. yearginsm
    Member
    Posted 4 years ago #

    The links to video use the play() javascript function. It is not part of the SWFObject package, and in this case is passing the initialization settings for SWFObject. It might be handy to have something to model your code after.

    When you get it up and running, be sure to share it with us!

  10. frisco
    Member
    Posted 4 years ago #

    What the original poster had is text links...here's an example of putting a small thumbnail that does the same thing (see the small thumbs in the text in the bottom 1/2 of the post)

  11. spiredem
    Member
    Posted 3 years ago #

    Hey thind,
    Did you ever figure this one out in laymen/dummy terms? I need the exact same thing myself but don't really understand the responses. :)

Topic Closed

This topic has been closed to new replies.

About this Topic