[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2079
  • Last Modified:

How do i insert .WMV player and quicktime player into an HTML page?

Hi,
I am testing different video file formats for my web site and I've figured out how to embed a Flash player and get it to work. However, I also want to paly.MWV and Quicktime videos. Can anyone give me some tips on how these video formats work and how I can get them to play on my site?

Thanks,
GWenda
0
gwendaellwood
Asked:
gwendaellwood
  • 3
1 Solution
 
chilternPCCommented:
the WMF will only play on PCs and not Apple MACs (probably 20% of the marktet)
flash is usually the standard and also FLV files.
attached is  some code for WMF files its playing a video called "goodtime.avi" but will also play WMF files
<html>
<head><title>Live Video Plugin</title>
<script LANGAUGE="JavaScript">
<!-- Hide JavaScript code...
 
function aviRewind(item) {
  document.plugins[item].rewind();
  document.plugins[item].play();
}
 
// Stop hiding... -->
</script>
<!--mstheme--><link rel="stylesheet" type="text/css" href="_themes/water/wate1111.css"><meta name="Microsoft Theme" content="water 1111, default">
<meta name="Microsoft Border" content="t, default">
</head>
<body><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
 
<p align="center"><font size="6"><strong>
</strong></font><br>
</p>
 
</td></tr><!--msnavigation--></table><!--msnavigation--><table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><!--msnavigation--><td valign="top">
<script LANGAUGE="JavaScript">
<!-- Hide JavaScript code...
 
if (navigator.appName == "Microsoft Internet Explorer") {
  location.replace("NsAviErr.html");
}
 
// Stop hiding code -->
</script>
<center>
<h2><font size="+4"><tt>The Navigator Jukebox</tt></font></h2>
<table border=1>
<tr><td>
<table border=0>
<tr><td valign="top" align="center">
    <embed NAME="playAvi" src="Goodtime.avi" autostart="true" height="240" width="320"></td></tr>
<tr><td valign="top" align="center">
<form>
<input type="button" value="Stop" onClick="document.plugins['playAvi'].stop()">
<input type="button" value="Play" onClick="document.plugins['playAvi'].play()">
<input type="button" value="Rewind" onClick="aviRewind('playAvi')">
</form>
</td></tr>
</table></td></tr></table>
</center>
<!--msnavigation--></td></tr><!--msnavigation--></table></body>
</html>

Open in new window

0
 
chilternPCCommented:
sorry attached the wrong file!! :-)
please ignore....
maybe this one.....
its such a long time since I wanted to put WMV files on the web....
<html>
<head>
<title>AVI Videos</title>
 
<script language="JavaScript">
<!-- Hide code...
 
function aviResize(item) {
  aviSize = item.options[item.selectedIndex].value;
  document.all.aviPlayer.MovieWindowSize = aviSize;
}
 
function aviChoose(item) {
  aviFile = item.options[item.selectedIndex].value;
  document.all.aviPlayer.stop();
  document.all.aviPlayer.FileName = aviFile;
  document.all.aviPlayer.Run();
}
 
function aviStop() {
  document.all.aviPlayer.Stop();
}
 
function aviStart() {
  document.all.aviPlayer.Run();
}
 
function aviPause() {
  document.all.aviPlayer.Pause();
}
 
function aviVolUp() {
  document.all.aviPlayer.Volume += 100;
}
 
function aviVolDown() {
  document.all.aviPlayer.Volume -= 100;
}
// Stop hiding code -->
</script>
 
 
 
 
 
 
 
<!--mstheme--><link rel="stylesheet" type="text/css" href="_themes/leaves/leav1111.css"><meta name="Microsoft Theme" content="leaves 1111, default">
<meta name="Microsoft Border" content="none">
</head>
<body>
<center>
 
<script language="JavaScript">
<!-- Hide the JavaScript source code
 
if (navigator.appName == "Netscape") {
  document.write("<P>This demonstration only works in Explorer");
  location.replace("avierr.html");
}
 
// Stop hiding... -->
</script>
 
</center>
 
<table BORDER="0" height="459" width="514" cellspacing="0" cellpadding="0">
<tr><td BGCOLOR="#FFFFFF" valign="middle" align="center" nowrap background="images/liza1.jpg" width="657" height="459">
<table border="0" width="623" cellpadding="0" height="435" background="images/liza1.jpg" cellspacing="0">
<tr>
  <td width="289" height="427" rowspan="2" bordercolor="#FFFFFF" valign="top" align="left">
<p align="center"><font face="Calvin" size="4" color="#0000FF">&nbsp;</font></p>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="112%" id="AutoNumber1">
    <tr>
      <td width="100%">
      <p align="left"><font size="5">Liza's Video Jukebox</font></td>
    </tr>
    <tr>
      <td width="100%">
      <p align="center">&nbsp;</td>
    </tr>
    <tr>
      <td width="100%">
      <p align="center"><font color="#FF00FF">
      <span style="background-color: #FFFF00"><a href="index.htm">Home</a></span></font></td>
    </tr>
</table>
  </td>
<center>
 
<td bordercolor="#FFFFFF" width="374">
<p align="center">
<object id="aviPlayer"
        classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A" width="320" height="240">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="Goodtime.avi">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-600">
</object>
 
<br>
<input type="button" value="Stop" onClick="aviStop()" />
<input type="button" value="Play" onClick="aviStart()" />
<input type="button" value="Pause" onClick="aviPause()" />
<input type="button" value="louder" onClick="aviVolUp()" /><input type="button" value="quieter" onClick="aviVolDown()" />
 
  </td>
</tr>
<tr>
  <td width="374" height="201" valign="middle" align="center">
<font color="#FFFFFF">
Choose Video</font><br>
<select name="theAvi" SIZE="5" onClick="aviChoose(this)">
  <option value="videos/horseatsea1.wmv">Studland bay 2003</option>
  <option value="videos/cindyliza.wmv" selected>Liza and Cindy 2002</option>
  <option value="videos/jumpingapril2002s.wmv">Liza Jumping 2002</option>
  <option value="videos/hack2.wmv">Summer hack 2002</option>
</select>
 <p>&nbsp;</p>
</td>
</tr>
</table></td></tr></table>
 
&nbsp; </body>
</html>

Open in new window

0
 
gwendaellwoodAuthor Commented:
Hi ChilternPC - thanks for this! Due to your comment that the .MWV file won't play on a Mac, I'm not going to even try testing it. However, I will post another question about how to put a Quicktime file on the web.
G
0
 
chilternPCCommented:
quicktime will play on a mac but if you havn't got it install on the PC then the browser will ask the client to open or save the file.
I usually convert all movies to flash using the Swich video package. - it converts any movie to flash and gicesyou the html to run it in a page.
see:
http://www.swishzone.com/index.php?area=products&product=video
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now