Back To Website Design Forum

How To Embed a .avi or .mpeg file on a web page?

  • Jordan514d
  • Novice
  • Novice
  • User avatar
  • Joined: Feb 23, 2005
  • Posts: 33
  • Status: Offline

Post May 18th, 2005, 8:20 am

I would also be very interested to know how you did the sliding bar thing


Jordan
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 18th, 2005, 8:20 am

  • TechnoPurr
  • Born
  • Born
  • No Avatar
  • Joined: Jul 16, 2005
  • Posts: 1
  • Loc: Beaver Falls, PA
  • Status: Offline

Post July 16th, 2005, 11:01 am

I understand most the code and how it works...but i tried almost every one of those codes in order to embed an .mpeg file from wmplayer onto my page and it shows up as a broken link (the quicktime symbol ripped in two) i dont know what im doing wrong!

this is what my code looks like:

<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280" height="256">
<param name="C:\Documents and Settings\Linda Moore\Desktop\Programs\Ares\AtomX - Final Fantasy VIII - Enigma (Gravity of Love).mpeg" value="AtomX - Final Fantasy VIII - Enigma (Gravity of Love).mpeg">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="true">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="AtomX - Final Fantasy VIII - Enigma (Gravity of Love).mpeg" name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
</object>


what is making it not work?
  • CGFX
  • Graduate
  • Graduate
  • User avatar
  • Joined: Oct 26, 2003
  • Posts: 160
  • Loc: Chicago, IL.
  • Status: Offline

Post August 4th, 2005, 12:21 pm

TechnoPurr,

I am sorry, I am just now seeing this post. When I get home, I will find the correct script that you need.

cgFX
  • cold_fish_soup
  • Born
  • Born
  • No Avatar
  • Joined: Aug 17, 2005
  • Posts: 2
  • Status: Offline

Post August 17th, 2005, 4:20 am

Hi,

this is a pretty helpful thread :). Just another question: How can I hide the real filename of the embedded clip? At the moment you easily get it by clicking right and looking at the properties. I want to prevent direct downloads.

Thanks in advance for your help.
  • cold_fish_soup
  • Born
  • Born
  • No Avatar
  • Joined: Aug 17, 2005
  • Posts: 2
  • Status: Offline

Post August 21st, 2005, 2:55 am

Ok, I did it via PHP. The Problem is, it works with IE but not with Firefox or Opera.

This is the HTML-code:
Code: [ Select ]
<object id="MediaPlayer1"
 CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
 codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
 standby="Loading Microsoft Windows® Media Player components..."
 type="application/x-oleobject"
 width="360"
 height="320">

 <param name="filename" value="mediadownload.php">
 <param name="animationatstart" value="true">
 <param name="transparentatstart" value="true">
 <param name="autostart" value="true">
 <param name="showcontrols" value="true">
 <param name="volume" value="-450">

 <embed type="application/x-mplayer2"
  pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
  src="mediadownload.php"
  name="MediaPlayer"
  width=360
  height=320
  autostart=1
  showcontrols=1
  volume=-450>
 </embed>
</object>
  1. <object id="MediaPlayer1"
  2.  CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
  3.  codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
  4.  standby="Loading Microsoft Windows® Media Player components..."
  5.  type="application/x-oleobject"
  6.  width="360"
  7.  height="320">
  9.  <param name="filename" value="mediadownload.php">
  10.  <param name="animationatstart" value="true">
  11.  <param name="transparentatstart" value="true">
  12.  <param name="autostart" value="true">
  13.  <param name="showcontrols" value="true">
  14.  <param name="volume" value="-450">
  16.  <embed type="application/x-mplayer2"
  17.   pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
  18.   src="mediadownload.php"
  19.   name="MediaPlayer"
  20.   width=360
  21.   height=320
  22.   autostart=1
  23.   showcontrols=1
  24.   volume=-450>
  25.  </embed>
  26. </object>


This is the download script:
Code: [ Select ]
<?php

 session_start();

 if (trim($_SESSION['media_file']) != '') {
  $CompleteFilename = $_SESSION['media_file'];
 
  header('Content-Type: application/octet-stream');
  header('Content-Disposition: attachment; filename="'.$_SESSION['media_file'].'"');
 
  readfile($CompleteFilename);
 }

?>
  1. <?php
  3.  session_start();
  5.  if (trim($_SESSION['media_file']) != '') {
  6.   $CompleteFilename = $_SESSION['media_file'];
  7.  
  8.   header('Content-Type: application/octet-stream');
  9.   header('Content-Disposition: attachment; filename="'.$_SESSION['media_file'].'"');
  10.  
  11.   readfile($CompleteFilename);
  12.  }
  14. ?>


I'm not sure, wether the Problem is the HTML-Code, because if the filename given is the absolut path to the video and not the download script, then in works with all browsers.

Any idea, what could be wrong?
  • horizon180
  • Born
  • Born
  • No Avatar
  • Joined: Jul 28, 2006
  • Posts: 1
  • Loc: tokyo, japan
  • Status: Offline

Post July 28th, 2006, 3:59 am

this thread is very helpful. thank you everyone...

i have a quick querry...

i've been trying the embedding codes presented here, but i just can't seem to get the embedded player to show the controls....even with the showcontrols set to true or 1 respectively... neither does the autostart parameter seem to be working, doesn't matter if i set it to 1 or 0, the video always autostarts...

here's my code that i'm using and my file is xvid 640x360... i've even added an extra 44 to make sure the controller has enough space:

Quote:
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="640" HEIGHT="425"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" border="1">
<PARAM name="SRC" VALUE="videos/abc.avi" >
<PARAM name="AUTOPLAY" VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED SRC="videos/abc.avi" WIDTH="640" HEIGHT="425" AUTOPLAY="false" CONTROLLER="true" PLUGINSPAGE="http://www.apple.com/quicktime/download/" CACHE="true">
</EMBED>
</OBJECT>


what am i doing wrong? does the html file extension need to be changed to something else? the controls show up when i use IE (usually i'm using firefox) but the autoplay still doesn't work... i mean its still autoplaying even when i tell it not to.

thnx ^^
  • kristine1991
  • Born
  • Born
  • No Avatar
  • Joined: Aug 06, 2006
  • Posts: 3
  • Status: Offline

Post August 6th, 2006, 8:11 pm

Nunzio390 wrote:
Are you looking for something similar to what I do at this page at my site? If so, I'll post some code for you.


Nunzio, This is exactly what I am looking for. Not only do I want the embedded player... I also want the iframe that has the selections available. I would greatly appreciate you sharing that code also.

Many thanks,
Kristine
  • christuvell
  • Born
  • Born
  • No Avatar
  • Joined: Oct 17, 2006
  • Posts: 1
  • Status: Offline

Post October 17th, 2006, 9:16 am

I like the code that was posted in order to play an mpg on a web page. I copied and pasted the code (code I changed below) and changed the names as suggested. When I open the page nothing happens. I've put the mpg in my root directory.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>

<body>
<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm p2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280" height="256">

<param name="fileName" value="[/color:8891f1872d]movie01.mpg[color=orange:8891f1872d]">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="true">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="[/color:8891f1872d]movie01.mpg[color=orange:8891f1872d]" name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
</object>

</body>

</html>

I can't figure out why it won't play. Any help would be greatly appreciated.

Here's the URL I'm trying to open the mpg from.

http://www.ushaji.org

Thanks,

Chris
  • metoo
  • Newbie
  • Newbie
  • User avatar
  • Joined: Oct 19, 2006
  • Posts: 10
  • Loc: Los Angeles
  • Status: Offline

Post October 19th, 2006, 10:33 am

Nunzio390 wrote:
Are you looking for something similar to what I do at this page at my site? If so, I'll post some code for you.


If you're still alive and active, I'd like to replace what is now at http://www.blog.myspace.com/dk_mason with EXACTLY what you use on wacky videos. A few cosmetic changes will be developed but YES your script seems perfect. I hope there is no <script> </script> involved because myspace does not seem to allow it.
  • DOS989
  • Born
  • Born
  • User avatar
  • Joined: Nov 10, 2006
  • Posts: 1
  • Loc: SC
  • Status: Offline

Post November 10th, 2006, 4:30 pm

Pardon me for temporarily skipping the introduction, I just wanted to get this one in before I go (Of course I'll check back later, but work is calling me now). I tried the code given here (for the windows media player style viewer) but it doesn't seem to be handling my file correctly. The long story made short - I converted a 3GP to mpg and uploaded it (see http://fire.prohosting.com/dos/gallery.html , it's still very basic because of time restraints, I work on different parts of the site when I get time). Instead of playing inside the little media player window, it wants to download. What it downloads, I'm not sure, but at 8kB it's not the video (which is around 200kB). So, what am I doing wrong here? I'd like to mess with it more but alas, if I upload something and it doesn't work, I usually run out of time to fix it. So, How can I get the file (video003.mpg) to play in the window instead of trying to download?

Any input would be appreciated. Thanks!

P.S. to Admin - I don't want to sound like I'm jumping on everyone on the first day, but I just wanted to mention that it took me a while to get registered because the form didn't tell me the ID I had picked (which was "DOS") had apparently already been taken. It just kept reloading saying that all the spaces with *'s had to be filled out.
Thanks again,

-DOS989
  • Drizzt
  • Born
  • Born
  • No Avatar
  • Joined: Nov 24, 2006
  • Posts: 2
  • Loc: USA
  • Status: Offline

Post November 24th, 2006, 2:40 pm

Hey everyone. I am trying to put a video on my site, and it takes a very long time to load it. It takes pretty much the same amount of time to load the SWF as it does to play it. Anyway, I am going to try to stream the video, but I have never done it before and am not sure how to do it. Does anyone know of a free way to stream videos?

Thanks.

-Drizzt
  • budicek
  • Born
  • Born
  • No Avatar
  • Joined: Dec 04, 2006
  • Posts: 1
  • Status: Offline

Post December 4th, 2006, 12:54 pm

Hallo everybody.
Can anybody help me? On my web page I need to play video, for example in .avi format in new pop-up window(but can I do that without make a new html pages?).
For example, i have file video.avi, link is used on my web page, when man click on this link I need, that this video.avi will play in new pop-up window streamed.
A great example, how I wish to do that is on amazon.com, for example, playing mp3s on this link...
http://www.amazon.com/Endless-Summer-Be ... F8&s=music

Can anybody help me to do like that?
Thanks
  • viciousviking
  • Born
  • Born
  • No Avatar
  • Joined: May 27, 2007
  • Posts: 2
  • Status: Offline

Post May 27th, 2007, 7:43 pm

Hi,

I'm relatively new to this part of web design, I play around with the basic stuff, but, now I need to make my website more attractive with video and audio content....

Currently this is what I have:

http://www.crescendopromotions.net/php/Videos.php

What I'm looking to do is:

http://vids.myspace.com/index.cfm?fusea ... 2030502163

As a newbie I'm code challenged :(.....Please help!

I may take sometime to grasp and/or understand the concepts...so please bear with me...

Cheers!
  • lauraeast
  • Born
  • Born
  • No Avatar
  • Joined: Aug 05, 2008
  • Posts: 2
  • Status: Offline

Post August 5th, 2008, 1:17 pm

Hi

This is my first attempt to put a video onto a web page andit has so far been pretty dismal !

Here is what is in my code, I get the control panel and when you hit play I can hear the video but cannot see it ?!

Any help would be very much appreciated !!

Thx

Code: [ Select ]
<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280"
height="256">
<param name="fileName" value="S8300147.avi">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="true">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="S8300147.avi"
name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
</object>
  1. <object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
  2. codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
  3. standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280"
  4. height="256">
  5. <param name="fileName" value="S8300147.avi">
  6. <param name="animationatStart" value="true">
  7. <param name="transparentatStart" value="true">
  8. <param name="autoStart" value="true">
  9. <param name="showControls" value="true">
  10. <param name="Volume" value="-450">
  11. <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="S8300147.avi"
  12. name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
  13. </object>
  • lauraeast
  • Born
  • Born
  • No Avatar
  • Joined: Aug 05, 2008
  • Posts: 2
  • Status: Offline

Post August 6th, 2008, 3:51 am

Hi

Anyone any ideas why I can't see my movie ?

Thanks
L

lauraeast wrote:
Hi

This is my first attempt to put a video onto a web page andit has so far been pretty dismal !

Here is what is in my code, I get the control panel and when you hit play I can hear the video but cannot see it ?!

Any help would be very much appreciated !!

Thx

Code: [ Select ]
<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280"
height="256">
<param name="fileName" value="S8300147.avi">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="true">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="S8300147.avi"
name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
</object>
  1. <object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
  2. codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
  3. standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280"
  4. height="256">
  5. <param name="fileName" value="S8300147.avi">
  6. <param name="animationatStart" value="true">
  7. <param name="transparentatStart" value="true">
  8. <param name="autoStart" value="true">
  9. <param name="showControls" value="true">
  10. <param name="Volume" value="-450">
  11. <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="S8300147.avi"
  12. name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
  13. </object>
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 6th, 2008, 3:51 am

1, 2, 3, 4

Post Information

  • Total Posts in this topic: 49 posts
  • Users browsing this forum: No registered users and 129 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.