Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Video select list help.

    Hello everyone, after a few days of looking i give up i just don't know what to look for or how to do it.

    on this website "http://www.hunlock.com/blogs/Everything_You_Ever_Needed_To_Know_About_Video_Embedding there is a section called How to make a video select list. I have been able to replicate and modify it to my liking how ever i have one issue. i can't make my videos fullscreen. The videos have and give the option for full screen but the fullscreen doesn't work.

    i prefer this kind of code because it allows my webpage to select a video without changing the webpage and play it, i find it much more smoother then then multiple embedded videos in tabs (i don't even know what to call it so thats what i call it)

    just incase the website doesnt work or something i will post the script

    first part<div id='videoPlayback' style='width: 435px; height:350px; background-color: #800000;'></div>

    then

    <div id='selectDemo1' style='display: none'>
    <object width="425" height="350">
    <param name="movie" value="http://www.youtube.com/v/-is63goeBgc"></param>
    <param name="wmode" value="transparent"></param>
    <embed src="http://www.youtube.com/v/-is63goeBgc&autoplay=1"
    type="application/x-shockwave-flash" wmode="transparent"
    width="425" height="350">
    </embed>
    </object>
    </div>

    <div id='selectDemo2' style='display: none'>
    <object width="425" height="350">
    <param name="movie" value="http://www.youtube.com/v/c6SHsF1n9Qw"></param>
    <param name="wmode" value="transparent"></param>
    <embed src="http://www.youtube.com/v/c6SHsF1n9Qw&autoplay=1"
    type="application/x-shockwave-flash" wmode="transparent"
    width="425" height="350">
    </embed>
    </object>
    </div>

    then
    <A HREF="#" onclick='return playVideo("selectDemo1","videoPlayback")'>RvD2: Ryan vs. Dorkman 2</A><BR>
    <A HREF="#" onclick='return playVideo("selectDemo2","videoPlayback")'>Beatboxing Flute </A><BR>

    and finally<script type="text/javascript">
    function playVideo(sourceId, targetId) {
    if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);}
    if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);}
    targetId.innerHTML=sourceId.innerHTML;
    return false;
    }
    </script>

    i'm not sure the exact functions or how to write this kinda stuff from scratch so if you have any helpfull additions or suggestions please let me know.

  • #2
    God Emperor Fou-Lu's Avatar
    Join Date
    Sep 2002
    Location
    Saskatoon, Saskatchewan
    Posts
    16,979
    Thanks
    4
    Thanked 2,659 Times in 2,628 Posts
    This hasn't a thing to do with Java.
    Moving from Java forum to Javascript forum. Client guys can give you a better idea, but I'd expect that even with a client language you should be incapable of completely creating a full screen. I can see executing the browsers full screen mode itself, but I haven't a clue if that's doable in JS.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •