Adding video to website

[heatfan]

Hi
I have a .mpg clip from my camera (took video from my camera) now how do I add that to my website, I want to keep the video small. so I can put it in the upper right corner of my site (not open in Windows Media player, etc)
Thanks for your help,
Marcia

[Boogle]

Contain it within an Iframe or put in a flash file and play it through that on a loop? Remember you NEED a media player, you might not realise but your browser has media players built in or a default one is chosen when you want to watch stuff- something needs to decode the .mpg to display onto your screen properly.

I'd say playing it in flash is the best option if you have the ability to do so...
I disagree with videos playing without people asking for it though, so i might be wrong and if i am- then i'm sure someone wiser will point it out for you!

Boog's

[jdspc]

http://www.mediacollege.com/video/fo...ing/embed.html


just a thought

[danparks]

Originally Posted by heatfan

Hi
I have a .mpg clip from my camera (took video from my camera) now how do I add that to my website, I want to keep the video small. so I can put it in the upper right corner of my site (not open in Windows Media player, etc)

Go to the link jdspc supplied. That's what you need to do. Basically, you're just embedding the "standard" Windows Media Player on your site, and specifying the name of the file to play. You specify the player size, so you can set it to play your video as small as you want (I'm assuming when you say you want to keep the video small you mean the display size of the movie, and not its byte size). You place the embed code where you want the movie to display (such as in a div or a table cell such that in your case the video player ends up in the upper right corner of your site).

Dan

[pinkfluffybunny]

This will allow links to video on the same page to play in an embedded media player


In the head:

<script language="javascript1.2" type="text/javascript">
function setFilePath(fileurl) {
var player=document.getElementById("mp_2167271702");
player.URL=fileurl;
player.controls.play();
}
</script>


A link to video:
<a class="link" href="path to stream and name/yourvideo.wmv" onclick="setFilePath('mms://path to stream and name/yourvideo.wmv');
return false">video link name</a>

Media player embed:

<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="mp_2167271702" width="361" height="283"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
standby="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject" align="center" >
<param name="StretchToFit" value="-1">
<param name="AutoStart" value="-1">
<param name="Balance" value="0">
<param name="EnableContextMenu" value="0">
<param name="Enabled" value="-1">
<param name="EnableErrorDialogs" value="0">
<param name="WindowlessVideo" value="0">
<param name="Rate" value="1">
<param name="CurrentPosition" value="0">
<param name="CurrentMarker" value="0">
<param name="FullScreen" value="0">
<param name="URL" value="path to stream and yourvideo.wmv.asx" ref>
<param name="Mute" value="0">
<param name="PlayCount" value="1">
<param name="Uimode" value="full">
<param name="Volume" value="59">
<param name="defaultFrame" value>
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
</object>
<SCRIPT LANGUAGE="Javascript">
if (navigator.appName == "Netscape" && !window.GeckoActiveXObject)
{
var mediaLocation = document.location.href.substring(0, document.location.href.lastIndexOf("/")) + "path and video name.asx";
document.writeln('<APPLET NAME="mp_2167271702" HEIGHT="283" WIDTH="361" CODE="WMPNS.WMP" MAYSCRIPT>');
document.writeln('<PARAM NAME="URL" VALUE="' + unescape(mediaLocation) + '" \>');
document.writeln('<PARAM NAME="AUTOSTART" VALUE="TRUE"');
document.writeln('<PARAM NAME="STRETCHTOFIT" VALUE="True"');
document.writeln('<PARAM NAME="ENABLED" VALUE="TRUE"');
document.writeln('<PARAM NAME="WINDOWLESSVIDEO" VALUE="FALSE"');
document.writeln('<PARAM NAME="ENABLECONTEXTMENU" VALUE="FALSE"');
document.writeln('<PARAM NAME="FULLSCREEN" VALUE="FALSE"');
document.writeln('<PARAM NAME="RATE" VALUE="1.000"');
document.writeln('<PARAM NAME="CURRENTPOSITION" VALUE="0.000"');
document.writeln('<PARAM NAME="CURRENTMARKER" VALUE="0"');
document.writeln('<PARAM NAME="MUTE" VALUE="FALSE"');
document.writeln('<PARAM NAME="PLAYCOUNT" VALUE="1"');
document.writeln('<PARAM NAME="UIMODE" VALUE="FULL"');
document.writeln('</APPLET>');
}
</SCRIPT>

[Aritrim]

You can use this streaming video software which does almost everything for you - that is conversion and generation of the HTML code (w3c compatible), not just embed codes. http://www.easyflv.com

[pinkfluffybunny]

Just use this kid:

<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="mp_2167271702" width="361" height="283"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
standby="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject" align="center" >
<param name="StretchToFit" value="-1">
<param name="AutoStart" value="-1">
<param name="Balance" value="0">
<param name="EnableContextMenu" value="0">
<param name="Enabled" value="0">
<param name="EnableErrorDialogs" value="0">
<param name="WindowlessVideo" value="-1">
<param name="Rate" value="1">
<param name="CurrentPosition" value="0">
<param name="CurrentMarker" value="0">
<param name="FullScreen" value="0">
<param name="URL" value="unsaved:///path to stream and yourvideo.wmv.asx">
<param name="Mute" value="0">
<param name="PlayCount" value="1">
<param name="Uimode" value="none">
<param name="Volume" value="59">
<param name="defaultFrame" value>
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
</object>

[dilorisryan]

I used this for the same job:

http://www.streamingflv.com

Think it could also be what you are looking for.

Hope it helps

Regards

Diloris

[Lost My Mind]

I was searching google for help with video embedding. I found this topic in this forum. I tried the script pinkfluffybunny posted, and it worked for me. Problem is, when I tried using multiple embedded videos using this script, something goes wrong. It displays part of the code on the screen. and a second blank window.

The part it displays on the screen looks like something that tells the browser how to act if being viewed through netscape navigator.

Does anyone know whats wrong?

[mrGahan]

Originally Posted by Lost My Mind

I was searching google for help with video embedding. I found this topic in this forum. I tried the script pinkfluffybunny posted, and it worked for me. Problem is, when I tried using multiple embedded videos using this script, something goes wrong. It displays part of the code on the screen. and a second blank window.

The part it displays on the screen looks like something that tells the browser how to act if being viewed through netscape navigator.

Does anyone know whats wrong?

Check out the Multitrack software as seen on the website Diloris posted above. Does it all and creates smaller files.

[pontarae]

Check out the JW Player and compression site for FLV files. Works great!
www.jeroenwijering.com/?item=JW_FLV_Player