Log in

View Full Version : Launch video player when you click on the image


tatane
11-30-2009, 08:08 AM
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
molendijk
11-30-2009, 10:34 PM
Use a script. Example: a page like
<!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.
===
molendijk
11-30-2009, 11:01 PM
Sorry, I overlooked the fact that you want to play wmv-files.
Arie.
tatane
12-01-2009, 09:02 AM
I can also encode format to facilitate youtube!