logosmall
 

MEMBER BLOGS

W3bMa5t3r



COMMENTS BY W3bMa5t3r
I need a place to work on my car! :-( Suggestions??
Please delete my account from this site...
Completely redid the upload files section...
Custom page backgrounds YAY!!
Please leave a comment for J

Website HowTo's For GotStang? - Embed Video Into Your Webpage

blog Wednesday, February 15, 2006 @ 2:42 PM
  967 Views

How To Embed Video

How to embed (add) a video to your webpage.
Complied By The "W3bMa5t3r"
(Thanks to 'tbird' for letting me use his video for these examples)

You need to have your video file hosted on a server. Either here at GotStang? (must be less than 1MB to be hosted on GS) or somewhere else. Once you have the file hosted somewhere continue with the information below:


NOTE!!! The Example URL that is used in the follwing codes must be replaced with the URL for YOUR video. The example URL is:

http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.*

* = .mov or .wmv or .rm

Ensure!!! that you replace all instances of the Example URL with YOUR URL.
If you want it to work right :-p

NOTE 2!!! I know my real media file doesn't work. It's a problem with my converter. It won't convert Real Media right for some reason and I wanted to get this up as quick as possible. The code will work though, just place the URL to your video in place of my example URL.


Embeding a QuickTime (*.MOV) file/video, use this code, replacing the URL included, with the one you have for your video.

<?> Copy & paste the following...

      <!-- begin embedded QuickTime file... -->
      <table border='0' cellpadding='0' align="center">
        <!-- begin video window... -->
        <tr><td>
        <OBJECT classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' width="640"
        height="495" codebase='http://www.apple.com/qtactivex/qtplugin.cab'>
        <param name='src' value="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.mov">
        <param name='autoplay' value="true">
        <param name='controller' value="true">
        <param name='loop' value="false">
        <EMBED src="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.mov" width="640" height="495" autoplay="true" 
        controller="true" loop="false" pluginspage='http://www.apple.com/quicktime/download/'>
        </EMBED>
        </OBJECT>
        </td></tr>
        <!-- ...end embedded QuickTime file -->
        </table>


That should result in this:

 

Embeding a Windows Media Files (*.WMV or *.WMA or *.ASX or *.ASF):

<?> Copy & paste the following...

      <!-- begin embedded WindowsMedia file... -->
      <table border='0' cellpadding='0' align="center">
      <tr><td>
      <OBJECT id='mediaPlayer' width="640" height="525" 
      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'>
      <param name='fileName' value="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.wmv">
      <param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="false">
      <param name='showControls' value="true">
      <param name='loop' value="false">
      <EMBED type='application/x-mplayer2'
        pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
        bgcolor='darkblue' showcontrols="true" showtracker='-1' 
        showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="640" height="525"
        src="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.wmv" autostart="false" designtimesp='5311' loop="false">
      </EMBED>
      </OBJECT>
      </td></tr>
      <!-- ...end embedded WindowsMedia file -->
    <!-- begin link to launch external media player... -->
        <tr><td align='center'>
        <a href="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.wmv" style='font-size: 85%;' target='_blank'>Launch in external player</a>
        <!-- ...end link to launch external media player... -->
        </td></tr>
      </table>


This should leave you with something like:


Launch in external player

Embeding a Real Media (*.RM) File/Video:

<?> Copy & paste the following...

      <!-- begin embedded RealMedia file... -->
      <table border='0' cellpadding='0' align="center">
        <!-- begin video window... -->
        <tr><td>
        <OBJECT id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'
        width="640" height="480">
        <param name='src' value="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.rm">
        <param name='autostart' value="false">
        <param name='controls' value='imagewindow'>
        <param name='console' value='video'>
        <param name='loop' value="false">
        <EMBED src="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.rm" width="640" height="480" 
        loop="false" type='audio/x-pn-realaudio-plugin' controls='imagewindow' console='video' autostart="false">
        </EMBED>
        </OBJECT>
        </td></tr>
        <!-- ...end video window -->
          <!-- begin control panel... -->
          <tr><td>
          <OBJECT id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'
          width="640" height='30'>
          <param name='src' value="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.rm">
          <param name='autostart' value="false">
          <param name='controls' value='ControlPanel'>
          <param name='console' value='video'>
          <EMBED src="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.rm" width="640" height='30' 
          controls='ControlPanel' type='audio/x-pn-realaudio-plugin' console='video' autostart="false">
          </EMBED>
          </OBJECT>
          </td></tr>
          <!-- ...end control panel -->
          <!-- ...end embedded RealMedia file -->
        <!-- begin link to launch external media player... -->
        <tr><td align='center'>
        <a href="http://www.w3bma5t3r.com/gotstang_hosted/tbird/trying_to_burnout.rm" style='font-size: 85%;' target='_blank'>Launch in external player</a>
        <!-- ...end link to launch external media player... -->
        </td></tr>
      </table>


This should leave you with something like:

Launch in external player

ADDING the code to your webpage.

Make sure you've changed the VIDEO URL in the above code to reflect the URL of YOUR VIDEO/FILE.

  1. In the "Manage" box to the right, select "Website".
  2. From "Website", select the car you wish to edit the page(s) of  (if you have more than one car).
  3. Once the desired car is selected, choose the page you wish to edit.
  4. Now that the desired page to edit has been selected, you will see a cool webpage editor. In this editor go to the HTML VIEW (tabe at bottom of editor), scroll to the area where you would like to add your video file. Copy the code above !!!WITH YOUR VIDEO'S URL!!! in place of the example URL and PASTE the code. Once that is done, save the page and you should now have video in your page.

 

That's all there is to adding video to your webpage.
Enjoy and I hope this helps. If you have any questions feel free to ask. I will be doing each section one at a time so look for more to come... Later...
W3bMa5t3r aka WebMaster aka Steven

 

POSTS BY W3bMa5t3r
I need a place to work on my car! :-( Suggestions??
(3 comments)
The W3bMa5t3r's Page 1 Rebuilt - Showing off Car PC
(0 comments)
Fooling around with PhotoChop again...
(3 comments)
GotStang - Video / Audio File Hosting/Editing/Converting by ...
(1 comments)
Website HowTo's For GotStang? - Scrolling Text For Your Webp...
(4 comments)
Website HowTo's For GotStang? - "Images & Images That Expand...
(0 comments)
Website HowTo's For GotStang? - Cool Boxes
(1 comments)

OTHER BLOGS
blog Project FrankenRanger
445 views with (1 reply)  REEF93
blog New Job!
600 views with (1 reply)  J
blog Saleen dreams for wedding...
658 views with (9 replies)  Nicoleb3x3
blog Commitment: Getting the K...
509 views with (2 replies)  Nicoleb3x3
blog Super Coupe in a 'Stang
546 views with (4 replies)  plstktnkr2



MEMBER COMMENTS
J
Feb 17th, 2006 @ 10:37 AM


“”Great howto

tbird
Feb 19th, 2006 @ 12:13 AM


“”anytime maybe next time i can gettin em to smoke instead of gripping..smile

Legendary
Feb 19th, 2006 @ 1:27 AM


“”That has too be some of the best information ive seen on uploading a video file.

W3bMa5t3r
Feb 19th, 2006 @ 1:31 AM


“”Glad I can help smile



SHARE BLOG

 
Fuel your mustang love.
Leaderboards
gotstang owns

© 2004-2015 Gostang.com

All product names are the trademarks or registered trademarks of their respective companies

gotstang.com is not affiliated with Ford Motor Company