InMotion Hosting Support Center

For many reasons, webmasters want to place a video on their website to sell products or to teach something. There are many ways to embed videos into a web page. This tutorial will only touch on 3 ways to embed videos. Below are 3 ways we will embed a video:

  • Mediaplayer.swf (Adobe Flash)
  • Embed .wmv (Windows Media)
  • Embed .mp4 (Apple Quicktime)

Each way you embed your video will depend on the video format and the type of player you want to use. You can use Windows Media in your browser to watch .wmv files. If you have an mp4 file format video, you can use the mediaplayer.swf method or the .mp4 Quicktime method. To use these video codes, you will need to be able to insert code into your website. Below are the steps to embed your videos into your website.

Important! Where you put the code will depend on how you are editing your website. If you are using the Premium Web Builder, you will need to use the "Script module". If you are using a Content Management System (CMS) like Drupal or Joomla, there is a different way to insert code. You will want to consult the software developer on how to insert code in your particular webs site building program.

Video Embed with mediaplayer.swf (Flash)

The following steps will explain how to use the "madiaplayer.swf" player in your website code. In this example, we will link to a file called "video.mp4".

Download the mediaplayer.swf fileImportant! You will need to download the mediaplayer.swf file from Google and upload it to your websites directory. The following is the link to the mediaplayer.swf file at Google.

After you download your mediaplayer.swf file and upload it to your server, follow the steps below to embed the video in your website.

  1. Edit your page in your website that you want to insert the video into.
  2. Code for mediaplayer.swfAdd the following line to your code in your site where you want the video to display.
    <embed src="/support/mediaplayer.swf?file=video.mp4" width="325" height="230" allowfullscreen="true" />

    Save the file.

  3. Mediaplayer.swf video in websiteVisit your website. You may need to clear your browser cache to see the changes. The Video will look like the snapshot to the right.

Video Embed .wmv files (Windows Media)

Another way to embed a video into your website is to use the Windows Media Player code. The following example will link your code to a file called "video.wmv".

Important! Needs Windows Media Player Plugin installed in the browser to see it.

You will need to upload your video into the directory for your website and follow the steps below to link the code to it.

  1. Edit your page in your website that you want to insert the video into.
  2. Windows media embed video codePlace the following code in your web page where you want the video to appear.
    <object width="325" height="250" type="video/x-ms-asf" url="video.wmv"
    data="video.wmv" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
    <param name="url" value="video.wmv">
    <param name="filename" value="video.wmv">
    <param name="autostart" value="1">
    <param name="uiMode" value="full">
    <param name="autosize" value="1">
    <param name="playcount" value="1">
    <embed type="application/x-mplayer2" src="/support/video.wmv" width="325" 
    height="250" autostart="true" showcontrols="true"

    Save the page.

  3. Windows Media Player embedded videoVisit your website to see the video in your site. The video should look like the snapshot to the right. If you get a plugin error, you will need to download the Windows Media Plugin for your browser. Also, you may need to clear your browser cache to see the changes.

Video Embed .mp4 files (Apple Quicktime)

Below are the steps to insert a Quicktime .mp4 code into your website. The file we are using is called "video.mp4".

Important! Needs Apple Quicktime installed for browser.

Your .mp4 video will need to be uploaded to the server in order for you to link to it.

  1. Edit your page in your website that you want to insert the video into.
  2. Quicktime player code for embedding videoPaste the code into your site where you want the video to display.
    <OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    CODEBASE="" WIDTH="200" 
    HEIGHT="180" > <PARAM NAME="SRC" VALUE="video.mp4" /> <PARAM NAME="autoplay" VALUE="true" /> <EMBED SRC="video.mp4" TYPE="image/x-macpaint" PLUGINSPAGE="" WIDTH="320" HEIGHT="200" AUTOPLAY="true"></EMBED> </OBJECT>

    Save the changes.

  3. Quicktime player embedded videoWhen you visit your site you will see the video load in the Quicktime format. If your changes are not showing, you may need to clear your browser cache to see the changes.
Continued Education in Course 201: Adding Videos to a Website
You are viewing Section 2: Embedding a Video Directly into the Webpage
Section 1: How to add a Video Link to your Website
Section 3: How can I add a youtube video to a web page?

Support Center Login

Social Media Login

Social Login Joomla

Related Questions

Here are a few questions related to this article that our customers have asked:
Server not playing mp4 videos on mobile devices.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question
n/a Points
2014-08-09 5:00 am
i think its very fine.good work.
n/a Points
2014-10-21 5:25 pm

The mediaplayer.swf is giving me errors on my mp4 file. Says its an unsupport video format. Maybe its not the latest version?

11,186 Points
2014-10-21 5:33 pm
The MP4 container can contain various different video encoding methods in which it could potentially be unsupported as this is a bit of an older method to embed files. You may have better luck using a service such as Vimeo or Youtube for embedding your videos.
n/a Points
2014-12-14 1:39 pm

Video Embed .mp4 files (Apple Quicktime)

"Your .mp4 video will need to be uploaded to the server in order for you to link to it."

Which directory?  The upload location of the file in the directions is curiously absent. 

28,948 Points
2014-12-15 11:56 am
Hello Steve,
The directory is absent because there is no specific directory to upload it to. Each person designs their site in different ways. Many may have a specific folder to upload the videos to, some will not. Maybe they put all videos in one folder, maybe they organize the content differently. It is a lot like a closet, each person has their own way of storing things. As long as it in the house (root directory of the site), then whichever room or closet it is stored in is up to you.

Do know, however, that if you have it in a subfolder you will need to add that to the source path. For example, if the video is in your main root, it would appear as in the example:

Whereas if it was in a subfolder named 'videos' then you need to specify that in the path:

Kindest Regards,
Scott M
n/a Points
2014-12-15 12:59 pm

Thanks - this is precisely the information that was missing.  It removes one of the variables when troubleshooting a video that does not play - by knowing the video is in the proper place in the directory structure.

n/a Points
2014-12-21 7:53 pm

Good morning,

the Video Embed with mediaplayer.swf (Flash) just displays a black screen until the person presses play. Is there a possibility to show a still image of the actual video or define an image to be displayed before the person presses play ?Thanks in advance.

11,186 Points
2014-12-22 10:10 am
Unfortunately, I am unaware of a solution for this. Also, I highly recommend using a service such as YouTube or Vimeo as there will be additional options there to add a custom thumbnail and typically serves up videos faster.
n/a Points
2015-01-03 2:42 pm

Thanks for the answer : a trick to circumvent the black screen would be to display a still image that would launch the video when clicking. Is there a possibility to launch the video using Javascript/swfobject.js for example ? I've crawled the web without findind a method that fits this good script. Thanks anyway !

n/a Points
2014-12-23 12:35 pm
I was searching for the right code in HTML 4, but your answer was SPOT ON! Thanks!!
n/a Points
2015-02-21 12:30 am
Found the information I was looking for, well explained, useful feedback from the community. Thanks
n/a Points
2015-04-03 11:34 am

MP4 and webm videos are4 not running on my page .please tell me what i have to do now.Please tell me how can i do this ?

26,137 Points
2015-04-03 3:52 pm

You need to supply us more information about your website before we can help with this issue. If you're hosting your site with InMotion, then please provide a URL and specific page information where you're having the problem. Otherwise, if you follow the directions in the article above, you will be able to play the files directly from the website. The files typically need a player if you're to play them directly from a website. You can also upload the files into a player like Youtube or Vimeo, then get the code and apply to your website.

If you have any further questions or comments, please let us know.

Arnel C.
n/a Points
2015-08-07 5:33 pm

I used the first embed code for Adobe Flash and it works perfectly! What code can I insert to play automatically and loop the video? 

5,026 Points
2015-08-10 8:14 am
Hello Tracy,

If you are using the embed HTML code then you should just need to add the loop="True" section such as the example below:

<EMBED SRC="YourDomain/sample.mp3" LOOP=TRUE>

Best Regards,
TJ Edens

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

15 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!