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.
In your AWS account, click your username and then click My Security Credentials.
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.
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.
Upon opening the CloudBerry Explorer, you will be prompted to pick a cloud storage to register your account. Pick Amazon S3.
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.
Change your source from My Computer to your added Amazon S3 account.
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.
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
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
Review and click Ok.
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.
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.
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Necessary Cookies
Strictly Necessary Cookie allow you to log in and download your software or post to forums.
We use the WordPress login cookie and the session cookie.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
Support Cookies
Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.
We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
3rd Party Cookies
This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.
Keeping this cookie enabled helps us to improve our website.
We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.
Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
Leave a Reply