Page 4 of 5 FirstFirst ... 2345 LastLast
Results 31 to 40 of 44

Thread: Embedded multi player (video)

  1. #31
    Join Date
    Apr 2011
    Posts
    75
    Thanks
    43
    Thanked 0 Times in 0 Posts

    Default

    Wow,that is working perfect.
    You are genies.Your machine is great for blog,..web site.
    What I have say,...THANK YOU very,very much for your time you spend for me.
    Have great time,..God bless you.

  2. #32
    Join Date
    Apr 2011
    Posts
    75
    Thanks
    43
    Thanked 0 Times in 0 Posts

    Default

    Hello Mr.Molendijk,...
    Sorry,I am again.I found that this machine has one more problem.It working perfect,..but I think one more problem is there.

    When I make video big size,..the sound on video going before speach/move lips on the mouth.So for example, someone say hello,..and after few second I can see how move lips on this person who speaking.I am using FF browser,..but I sow sometime same problem on IE.
    Example this page.

    But when I use another sistem your machine ,..there is not problem.You can see example on this page.

    No problem when I watching any video on YouTube.
    Thanks.

  3. #33
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,396
    Thanks
    32
    Thanked 153 Times in 147 Posts
    Blog Entries
    34

    Default

    Hello Rexi,
    On my computer, both pages work fine. On both pages, vision and sound are perfectly synchronized (on my computer). So I don't know what's going on on your computer.
    I'm pretty sure the problem on your computer is not caused by my code; that's impossible.
    Try another video than the Dawkins one and verify if the same problem occurs.
    Do you have the latest version of Flash on your computer?
    Arie.

  4. The Following User Says Thank You to molendijk For This Useful Post:

    rexi (08-09-2012)

  5. #34
    Join Date
    Apr 2011
    Posts
    75
    Thanks
    43
    Thanked 0 Times in 0 Posts

    Default

    Hello,..
    I have Adobe Flash Player 11 ActiveX.
    I think Flash is OK,...because I know when I watching YouTube there is no problem any video.
    Any video has same problem,..big size ,..much problem.
    Could be problem with my system,...This mean that is machine OK.I had many times crash Flash player,..but I am not sure that this case cause problem.
    Anyway thank you very much.Have great time.

  6. #35
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,396
    Thanks
    32
    Thanked 153 Times in 147 Posts
    Blog Entries
    34

  7. The Following User Says Thank You to molendijk For This Useful Post:

    rexi (08-10-2012)

  8. #36
    Join Date
    Apr 2011
    Posts
    75
    Thanks
    43
    Thanked 0 Times in 0 Posts

    Default

    Thanks,..
    I cant see problem on this videos,..its working normal,..(but third link is disable).

  9. #37
    Join Date
    Jul 2012
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    If anybody can find some use from my variation. Thanks to Molendijk for the JS.
    Screen capture
    Pull thumbnails from YouTube videos.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    <script type="text/javascript" src="../data/js/jquery-1.7.2.min.js" language="javascript"></script>
    <script type="text/javascript" src="../data/js/jquery.tools.min.js" language="javascript"></script>
    
    <script type="text/javascript">
    function include_video_prep(url)
    {
    video='<object id="the_video" type="application/x-shockwave-flash"  style="position:relative;width:610px;height:458px;" data=\''+url+'&amp;vq=large\'><param name="movie" value='+'"'+url+'"'+'><param name="allowFullScreen" value="true"><param name="flashvars" value="autoplay=1"><param name="wmode" value="transparent"><param name="allowNetworking" value="all" ><param name="allowscriptaccess" value="always"><\/object>'
    setTimeout("document.getElementById('video_container').innerHTML=video",0);
    }
    function include_video(which)
    {
    document.getElementById('hide_button').style.display='block';
    document.getElementById('hider1').style.display='block';
    document.getElementById('hider2').style.display='block';
    document.getElementById('video_container').style.background='black';
    document.getElementById('video_container').style.color='white';
    
    include_video_prep(which);
    setTimeout("document.getElementById('hider1').style.display='none'; document.getElementById('hider2').style.display='none'",0); 
    }
    </script>
    </head>
    
    <body>
    
    <!-- SNIP -->
    
    <style text/css> // CSS prolly needs polishing and a spit shine
    #video_container, #hider1, #hider2 {
    width:610px; // 610px wide because that is what the parent div width is in my page section
    height:458px;
    overflow:hidden;
    }
    #hider1, #hider2 {
    background:black;
    color:white;
    display:none;
    }
    #hide_button {
    float:right;
    position:relative;left:0px;top:-2px;
    display:none;
    z-index:150;
    font-family:"Times New Roman";
    font-size:11px;
    cursor:pointer;
    font-weight:normal;
    color:red;
    }
    #playlist ul {
    list-style:none;
    padding:0px 0px 0px 0px;
    margin:15px 0px 30px 0px;
    width:610px;
    max-height:165px; // increase to allow more video links to show
    clear:both;
    overflow-y:scroll;
    }
    #playlist ul li {
    list-style:none;
    margin:0;
    padding:4px 0px 4px 4px;
    background-color:#030303;
    border:1px solid #0f0f0f;
    height:45px;
    font-size:11px;
    line-height:14px;
    color:#aaa;
    overflow:hidden;
    }
    #playlist ul li a {
    font-size:13px;
    line-height:19px;
    }
    #playlist ul li img {
    float:left;
    margin-right:8px;
    border:0px;
    width:60px;
    height:45px;
    }
    </style>
    
    <div id="videoplayer">
    <p>&nbsp;</p>
    <div>
    <div id="hide_button" title="Close Video Window" onclick="this.style.display='none';document.getElementById('video_container').innerHTML=''; document.getElementById('video_container').style.background='';document.getElementById('video_container').style.color='';">&nbsp;Close&nbsp;</div>
    
    <div id="video_container"><iframe width="610" height="458" src="http://www.youtube.com/embed/F_sM9Bl1YKs?rel=0" frameborder="0" allowfullscreen></iframe></div>
    <!-- I stuck one of the video link in the "video_container" to be the default video to show on page load. 
    Click one of the links and the selected video replaces this one. Click the "close" and video window closes. Refresh the page and the default video shows again. -->
    
    <div id="hider1">
    <iframe style="position:relative;width:610px;height:458px;" src="http://www.youtube.com/apiplayer" frameborder="0"></iframe>
    </div>
    
    <div id="hider2"></div>
    </div>
    </div>
    
    <div id="playlist">
    <ul>
    	<li><a href="javascript:void(0);" onclick="include_video('http://www.youtube.com/v/igUy2DvlVtw?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=0&amp;autohide=0');"><img src="http://img.youtube.com/vi/igUy2DvlVtw/3.jpg">Leave&nbsp;A&nbsp;Message</a>
    	<br />The group of talented grils includes surfers Carissa Moore (Hawaii), Lakey Peterson (USA), Laura Enever (Australia), Coco Ho (Hawaii), Byrne-Wickey Monyca (Hawaii) and Malia Manuel (Hawaii).</li>
    	<li><a href="javascript:void(0);" onclick="include_video('http://www.youtube.com/v/gPQZd5Cl8fc?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=0&amp;autohide=0');"><img src="http://img.youtube.com/vi/gPQZd5Cl8fc/2.jpg">Shimmer</a>
    	<br />When the Roxy girls light up the best surf spots on the globe, the SHIMMER is blinding...Join superstars Megan Abubo, Chelsea Georgeson, and Sofia Mulanovich as they create sparks in Indonesia, Fiji, Australia, and Hawaii.</li>
    	<li><a href="javascript:void(0);" onclick="include_video('http://www.youtube.com/v/F_sM9Bl1YKs?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=0&amp;autohide=0');"><img src="http://img.youtube.com/vi/F_sM9Bl1YKs/2.jpg">Miss&nbsp;Reef</a>
    	<br />HD video of the 2011-2012 Miss Reef Calendar girls</li>
    	
    <!-- add as many <li> items as you like. The YouTube API streams Vimeo also. Just replace the whole video link with something like: ('http://vimeo.com/moogaloop.swf?clip_id=32886912&amp;server=vimeo.com&amp;color=00adef&amp;fullscreen=1') -->
    
    </ul>
    </div>
    
    </body>
    </html>

  10. #38
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,396
    Thanks
    32
    Thanked 153 Times in 147 Posts
    Blog Entries
    34

    Default

    Nice. Two remarks, though:
    1. You say that the YouTube API streams Vimeo also (commented line in the code).
    That's not true. It's rather the script that also accepts non-YouTube URLS (like the vimeo URL you mention). You could also insert other URLS like:
    Google video:
    http://video.google.com/googleplayer...63&amp;fs=true
    DailyMotion:
    http://www.dailymotion.com/swf/x4x8l...;expandVideo=0
    etc.
    They are not streamed by YouTube, but by themselves.

    2. Your videos 'jump' when I click on an image link.
    ===
    Arie.

  11. #39
    Join Date
    Jul 2012
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Oh, ok.

    Does it jump in IE? It's smooth for me in Firefox. (I hate IE and never use it except to test. I'm not a pro like you.) Didn't someone say something about the jumping or flickering before, and you fixed it for them? What does this need to fix that? Make all the corrections you want.

    Edit: I tried a couple of things, and it seems to only jump when switching from the default video window to transition to one of the playlist links. I like having the default video showing, and I don't know of a way to fix it. Oh well. If you have a solution, speak up.
    Last edited by williamsun; 08-12-2012 at 12:56 AM.

  12. #40
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,396
    Thanks
    32
    Thanked 153 Times in 147 Posts
    Blog Entries
    34

    Default

    Hello Williamsun,
    Sorry, I forgot your post.
    You could try this. Experiment with it:
    Code:
    <!doctype html>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
    <title> </title>
    <style type="text/css">
    {font-family: verdana; font-size:12px}
    #video_container, #hider1, #hider2
    {position:absolute; left:50%; top:30px; margin-left:-305px; width: 610px; height:458px; overflow:hidden; z-index:-1}
    #hider1, #hider2{background:black;color:white; display:none;}
    #hide_button{position: absolute; left: 50%; top:30px; margin-left: 260px; display: none; z-index:1; font-family: verdana; font-size: 12px; cursor: pointer; font-weight: bold; background: black; color: white;}
    #playlist{position:absolute;left: 50%; margin-left: -305px; top:480px; }
    #playlist ul {
    list-style:none;
    padding:0px 0px 0px 0px;
    margin:15px 0px 30px 0px;
    width:610px;
    max-height:165px; // increase to allow more video links to show
    clear:both;
    overflow-y:auto;
    }
    #playlist ul li {
    list-style:none;
    margin:0;
    padding:4px 0px 4px 4px;
    background-color:#030303;
    border:1px solid #0f0f0f;
    height:45px;
    font-size:11px;
    line-height:14px;
    color:#aaa;
    overflow:hidden;
    }
    #playlist ul li a {
    font-size:13px;
    line-height:19px;
    }
    #playlist ul li img {
    float:left;
    margin-right:8px;
    border:0px;
    width:60px;
    height:45px;
    }
    </style>
    
    <script type="text/javascript">
    function include_video_prep(url)
    {document.getElementById('video_container').style.zIndex=0
    video='<object id="the_video" type="application/x-shockwave-flash"  style="position:absolute;width: 610px; height:458px;" data=\''+url+'&vq=large\'><param name="movie" value='+'"'+url+'"'+'><param name="allowFullScreen" value="true"><param name="flashvars" value="autoplay=1"><param name="wmode" value="transparent"><param name="allowNetworking" value="all" ><param name="allowscriptaccess" value="always"><\/object>'
    
    setTimeout("document.getElementById('video_container').innerHTML=video",0);
    }
    
    function include_video(which)
    {
    document.getElementById('hide_button').style.display='block';
    document.getElementById('hider1').style.display='block';
    document.getElementById('hider2').style.display='block';
    document.getElementById('video_container').style.background='black';
    document.getElementById('video_container').style.color='white';
    
    include_video_prep(which);
    setTimeout("document.getElementById('hider1').style.display='none'; document.getElementById('hider2').style.display='none'",0); 
    }
    </script>
    
    </head>
    <body onload="include_video('http://www.youtube.com/v/igUy2DvlVtw?version=3&amp;rel=0&amp;autoplay=0&amp;showinfo=0&amp;start=0&amp;autohide=0')"><div>
    
    <div style="position:absolute; left:50%; top:30px; margin-left:-305px; width: 610px; height:458px; overflow:hidden; z-index:-1; background:black">
    <div style="position: absolute; top: 49%; left: 49%; color: white; font-family: verdana; font-size: 11px;width:150px; margin-left: -75px; margin-top: -30px">Choose a video from the list below or refresh the page</div>
    </div>
    
    
    <div id="hide_button" title="Stop video" onclick="this.style.display='none';document.getElementById('video_container').innerHTML=''; document.getElementById('video_container').style.background='';document.getElementById('video_container').style.color='';document.getElementById('video_container').style.zIndex=-1;">Close</div>
    <div id="video_container" ></div>
    
    <div id="hider1">
    <iframe style="position:absolute;width:100%;height:100%;" src="http://www.youtube.com/apiplayer" frameborder="0"></iframe>
    </div>
    <div id="hider2" ></div>
    
    <div id="playlist" >
    <ul >
    
    <li><a href="javascript: void(0)" onclick="include_video('http://www.youtube.com/v/igUy2DvlVtw?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=0&amp;autohide=0')"><img src="http://img.youtube.com/vi/igUy2DvlVtw/3.jpg" alt="">Leave&nbsp;A&nbsp;Message</a><br >The group of talented grils includes surfers Carissa Moore (Hawaii), Lakey Peterson (USA), Laura Enever (Australia), Coco Ho (Hawaii), Byrne-Wickey Monyca (Hawaii) and Malia Manuel (Hawaii).</li>
    
    <li><a href="javascript: void(0)" onclick="include_video('http://www.youtube.com/v/gPQZd5Cl8fc?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=0&amp;autohide=0')"><img src="http://img.youtube.com/vi/gPQZd5Cl8fc/2.jpg" alt="">Shimmer</a><br >When the Roxy girls light up the best surf spots on the globe, the SHIMMER is blinding...Join superstars Megan Abubo, Chelsea Georgeson, and Sofia Mulanovich as they create sparks in Indonesia, Fiji, Australia, and Hawaii.</li>
    
    <li><a href="javascript: void(0)" onclick="include_video('http://www.youtube.com/v/F_sM9Bl1YKs?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=0&amp;autohide=0')"><img src="http://img.youtube.com/vi/F_sM9Bl1YKs/2.jpg" alt="">Miss&nbsp;Reef</a><br >HD video of the 2011-2012 Miss Reef Calendar girls</li>
    
    </ul>
    
    </div>
    
    </div>
    </body>
    </html>
    Arie.

Bookmarks

Posting Permissions

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