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 you fix it.
If your mp4 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 as a batch operation using Bucket Explorer.
Follow these simple steps to fix the problem:
- Where to check if MIME type of my video is set up properly?
Log in to your Amazon Web Services (AWS) account at https://console.aws.amazon.com, and click S3 in the menu:
- Click the bucket to which your video was uploaded, and click Properties:
- and then click Tags:
There should be the following values:
Key: Content-Type Value: video/mp4
but definitely NOT application/octet-stream. - How to fix it?
In your AWS account click your username and then click My Security Credentials.
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.
You can't view your Secret Access Key. If you do not know it, 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.
- Download a trial version of Bucket Explorer by following this link: https://bucket-explorer.en.softonic.com. Once downloaded, install it.
- When opening Bucket Explorer for the first time, click Get 30 days Free-Trial License. The other times click Continue with trial version.
Bucket Explorer license verification - When Bucket Explorer opens, enter the access and secret keys from Amazon Web Services and type "Amazon S3" to the Name field. Then press GO.
Enter Amazon Web Services credentials to work in Bucket Explorer. - Choose the Save Without Password option when the dialogue box opens.
Save Credentials dialog box in Bucket Explorer. - Now you can see all your buckets from Amazon S3. Choose a bucket and press Show Full Path.
Buckets from Amazon S3 in Bucket Explorer - Now you can see the full path of the selected bucket.
Full path of the selected bucket - Click on the magnifying glass icon and select the Search By Prefix and Delimiter option.
Search by prefix and delimiter - In the new window, type mp4 into the Delimiter field and press Search.
Type mp4 to Bucket Explorer Prefix and Delimiter search. - Now you can see how many items match the search request.
Result of search for items with mp4 delimiter. - Select all files. Click on the Batch Operation icon in the bottom row of icons. Select Update Metadata and then Edit Metadata.
Editing metadata using batch operation. - A new Edit Metadata window will open. Press Add to continue.
Bucket Explorer edit metadata window - Another box will open. Choose Content-Type from the drop-down list in the HTTP Header field.
Choose HTTP header from drop-down list - Type video/mp4 to the Header Value field and press Add.
Add header value - The Content-Type key with the video/mp4 value will appear in the Custom Header field of the Edit Metadata window. Click Edit Metadata.
Key and value are added to custom header - You can see the progress of editing when you click on the Queued Files tab. Duration of the editing will depend on the number of files. It may take several minutes.
Progress of editing - The actual count of the queue is available in the Statistics tab.
Count of files edited by Bucket Explorer
- When the editing is finished, choose a video from the edited bucket to test it is played correctly. The Video OK admin note will appear above the video.
Video OK admin note will appear above video
From now on your videos should play well in HTML 5 and specifically in FV Player. Do not hesitate to let us know if you ran into any issues or have any further tips for using Amazon S3 for HTML 5 videos.
Thanks for using FV Player!
Leave a Reply