Embed MP4
1.1 Embed MP4 in HTML
1.2 Embed MP4 in Powerpoint
Edit MP4
2.1 MP4 Video Editor
2.2 Free MP4 Cutter
2.3 Free MP4 Joiner
2.4 Upload MP4 to YouTube
2.5 Compress An MP4 File
2.6 Add Subtitles to MP4

How to Embed MP4 in HTML with The Easiest Way


When you are making a website page, combining the text and video together may be a good way for you to attract and entertain visitors. What's more, video can explain and illustrate what you want to tell to the visitors much better than text. However, how to embed your MP4 file into HTML? If you don't know the detailed methods, you have come to the right place. This passage is going to show you three ways to embed MP4 in HTML successfully.

Part 1: Embed MP4 in HTML via Mediaplayer.swf (Adobe Flash)

It is easy to embed the MP4 video into the PowePoint file while it comes to be a little difficult to insert it into the HTML file.

The first method that this article recommends is to embed your MP4 video in HTML through Mediaplayer.swf. Mediaplayer.swf is easy and convenient to operate, so you do not have to worry that you are not professional. To sum up, Mediaplayer.swf is a good way and you can adopt this method.

Step 1: Download mediaplayer.swf file

First of all, you need to download the mediaplayer.swf file on your computer. You can find it from the Google Player. Then upload it to your website directory according the following image. Next you can start the process of uploading MP4 in HTML.

Download mediaplayer.swf

Step 2: Edit your website page

After uploading the mediaplayer.swf file to your server, you can navigate to the page you want to embed the MP4 video in HTML and click the Edit button in the page header of you webpage.

Step 3: Insert the code

Move your mouse cursor to the location where you want the MP4 video to display, and type the following code in the site. Do not forget to click "Save" button to save the file, or you do something that is not profitable.

Insert the Code

Step 4: Embed MP4 video to your HTML

Before you upload the MP4 video to HTML, you'd better visit your website and preview the video. And you may need to clear the browser in order to view the changes on your website. When everything is prepared already, click Save and the MP4 video will display on the website.

Save Video

Part 2: Embed MP4 in HTML with Windows Media Player

Using the Windows Media Player code to embed your MP4 file in HTML is also a good way for you to take into consideration. Read on and learn the detailed steps.

Step 1: Download Windows Media Player code

Of course, the first step of embedding MP4 in HTML is to download Windows Media Player code on your computer, and then follow the instructions on the computer to install it. It is easy to operate, and the instruction is also easy to understand.

Step 2: Edit the page of your website

Launch the Windows Media Player code and open it. You can click the editing button on the top right corner of the main interface to go to the editing window, and edit the page and file until it meets your satisfaction.


Step 3: Type the code

Type the following code into the site where you wish to embed the MP4 in HTML. You can also copy and paste the code directly into the site. Then hit on the Save option to save the changes.

Step 4: Embed the MP4 in HTML

When you visit the site you will see the MP4 video load in the Windows Media Player code. Once the changes are not appearing, just clear the browser cache and check the changes again. Now you have embedded the MP4 video into HTML.

Embed the MP4 in HTML

Part 3: Embed MP4 in HTML through Apple QuickTime

Also, embedding your MP4 video in HTML with Apple QuickTime is a nice option, especially when you are Mac user. Here are the particular methods:

Step 1: Launch the QuickTime application

QuickTime is installed already in your Mac, so you don't have to download and install the QuickTime again. But, please make sure your browser has installed the Apple QuickTime in order to embed the MP4 to HTML successfully.

Step 2: Edit the website page

After uploading your MP4 video to the server and you can link to it, edit the page of your website where you want to show the MP4 file. Just tap on the editing option on the main interface to go to the editing window.

Step 3: Paste the code into the site

Copy and paste the code below into the site where you wish to insert the MP4 video into. You can also choose to type in the code. But the code is too long and you are advised to paste it directly.

Copy and paste the Code

Step 4: Check the MP4 video

Preview and check the MP4 video in the site by visiting the website. If the video looks like the snapshot, it means that you have operated correctly. And to embed the MP4 video in HTML, don't forget to clear the browser cache and check the changes!

Check the MP4 video


In fact, each of the ways you embed the MP4 video in HTML depends on the player type that you wish to use. If you want to watch videos with WMV format, you can choose to use Windows Media Player. And you can adopt the Adobe Flash or Apple QuickTime methods if you need to embed the MP4 video in the HTML. Besides, make sure you have insert the code into your website to prevent these video codes are not supported by your website.

Above is the whole content about how to embed your MP4 video into HTML. After reading this post, we believe you have gotten a basic understanding of MP4 embedding. Go to operate and enjoy your wonderful website with a video tag. And please share this passage with your colleagues and friends if you think it helps you to some extent.

What do you think of this post?


Rating: 4.9 / 5 (based on 281 ratings)

author Posted by Ted Klarso to Video
July 18, 2018 06:20

Related Articles