Results 1 to 4 of 4

Thread: Launch video player when you click on the image

  1. #1
    Join Date
    Nov 2009
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Launch video player when you click on the image

    hello

    I am looking for a code that would allow that when you click on an image it launches a video player

    I tried this kind of code but without success
    <p><img src="http://www.monsite.fr/images.jpg" border="0" width="381" height="285"><embed type="video/divx" src="http://www.monsite.fr/ma-video.wmv" custommode="none" width="320" height="260" autoPlay="false" previewImage="http://www.monsite.fr/images.jpg" pluginspage="http://go.divx.com/plugin/download/"></embed></p>
    I want that clicking on an image it automatically launches video

    thank you

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    Use a script. Example: a page like
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <title>Simple Player</title>
    
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">google.load("swfobject", "2.1")</script>
    
    <script type="text/javascript">
    function get_video(){
    var flashvars = {};var params = {};
    params.wmode = "transparent";
    params.allowNetworking = "internal";
    params.flashvars = "autoplay=false";
    params.allowFullScreen = "true";
    swfobject.embedSWF(swfURL, "player", "320px", "260px", "8", false, flashvars, params);
    }
    </script>
    
    
    <style type="text/css">
    #player{position:absolute;left:40%;top:10%}
    </style>
    
    </head>
    
    <body>
    
    <div id="player" ></div>
    
    <img style="height:285px;width:381px;cursor:pointer" alt="" title="click" src="http://www.zdnet.nl/zd_images/2009/27/youtube_logo.jpg"  onclick="swfURL='http://www.youtube.com/v/28GPy7yRl88'; get_video()">
    
    </body>
    
    </html>
    ===
    Arie Molendijk.
    ===
    Last edited by molendijk; 11-30-2009 at 10:40 PM.

  3. #3
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    Sorry, I overlooked the fact that you want to play wmv-files.
    Arie.

  4. #4
    Join Date
    Nov 2009
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I can also encode format to facilitate youtube!

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
  •