How to set correct MIME type on videos in Amazon S3

List of contents:

• Checking, if mime-type is set correctly
• Fixing MIME type in AWS
• How to change MIME types as a batch operation

Do you have any trouble getting your videos to play in some browsers with FV Player (or any other HTML 5 video player)? Here's how to fix it.

If your videos on Amazon S3 do not have the proper MIME type, also known as content-type, you will have to edit them to be able to play these videos. This can be fixed individually in your AWS console, or as a batch operation using CloudBerry Explorer.

Checking, if MIME type is set correctly

Log in to your Amazon Web Services (AWS) account at https://console.aws.amazon.com, and click S3 in the menu:

Open the bucket to which your video was uploaded. Next, click a video in the bucket to open its details. In the properties tab, scroll down to Metadada:

Correct mime-type

There should be the following values:

Key: Content-Type Value: video/mp4

or any other value, corresponding with the file-type of the uploaded video.

There definitely should NOT be Value: application/octet-stream.

Fixing MIME type in AWS

If you need to fix your MIME type on just a couple of files, you can easily do that in your AWS console. If you have a large amount of files to fix, it is better to do this as an batch operation.

1. Access the Metadata in Properties tab of your video file, just like in the previous section of this guide. Once there, click Edit.

Changing incorrect mime-type

Notice that the MIME type for this video is set to audio/mp3. That is incorrect, as this is a video file in mp4 format. 

2. Simply rewrite the Value field to the correct value for your video file and hit Edit metadata.

That's it, your video should play without issues now.

How to change MIME types as a batch operation

If you have a large number of videos with incorrect MIME types, you can save a lot of time by changing the types as a batch operation. For this, we recommend using a S3 bucket explorer software. The following guide is for batch operations using CloudBerry.

1. In your AWS account, click your username and then click My Security Credentials.

2. 
   Accessing My Security Credentials in Amazon account

   If a window shows up, informing you that you are accessing the security credentials of your AWS account, close it by clicking X in its top-right corner.

3. Select Access Keys. You will need both your secret Access Key and Access Key ID.

   
   Access Keys on My Security Credentials page

   You cannot view your Secret Access Keys. If you do not know them, you can create a new pair by clicking Create New Access Key. At the next window, click Download Key File to save it, as you will not be able to get it later.

   Creating new access keys

4. Download the free version of CloudBerry Explorer by following this link: https://www.msp360.com/explorer.aspx. Once downloaded, install it.

5. Upon opening the CloudBerry Explorer, you will be prompted to pick a cloud storage to register your account. Pick Amazon S3. 

   

6. A window prompting you to add new Amazon S3 account will pop up. Enter a display name of your choosing, then enter the access and secret keys from Amazon Web Services. Then click add.
7. Change your source from My Computer to your added Amazon S3 account.

8. Now you can see all your buckets from Amazon S3. Pick a bucket which you wish to edit and select all the videos with incorrect MIME types. Then click Set HTTP Headers.

9. Make sure, to pick the "Keep existing headers, overwrite values for headers with the same name and add new headers" option. Then click Add.

    

   
   Setting HTTP Headers

10. In the drop-down menus, set Content-Type for the HTTP Header and set appropriate value in the Value field. Then click Ok.  
 

 

 


Setting HTTP headers

 

 
11. Review and click Ok.

 



 

12. You can see the progress of editing in the bottom half of the screen. This operation should be rather quick. Once it is successfully done, the progress list will disappear. If something fails, you will receive error reports on the failed operations. 
13. When the editing is finished, choose a video from the edited bucket to test, if it plays correctly. The Video OK admin note should appear above the video.

     

    

From now on, your videos should play well in HTML 5 and specifically in FV Player. If you run into any other issues or have any further tips for using Amazon S3 for HTML 5 videos, do not hesitate to let us know.

Thanks for using FV Player!