Amazon S3 videos (MP4) in Wordpress

34 replies
Hello warriors, there is this friend of mine who asked me to handle embedding his Amazon S3 videos (MP4 and few MP3 audio files) on his WP site.

I tried to find some good plugins that will do the job, but I am unable to find any.

Meantime, he gave me access to his Sublime Video Player saying that it may help. I have already worked with EasyVideoPlayer and Flow Player; so I thought Sublime is going to make my life easier. Unfortunately, no.

I have been struggling 2 full days to get this one working on the site. Video keeps loading but it is not playing at all. Sublime has become as a nightmare to me.

Worst of all, I am unable to find any solution for this on YouTube either.

Any help is much appreciated to get these videos playing successfully.
#ajmazon #mp4 #videos #wordpress
  • Profile picture of the author CyberSEO
    Try WordPress › KVS FLV Player « WordPress Plugins - it does play MP4 videos w/o problems.
    Signature
    CyberSEO Pro - the ultimate all-in-one autoblogging WordPress plugin, powered by OpenAI GPT-4, Anthropic Claude, Google Gemini Pro, DALL-E 3 and Stable Diffusion XL
    {{ DiscussionBoard.errors[6337246].message }}
    • Profile picture of the author azmanar
      Hi,

      I have been using Viddymatic for quite a while. So far no problem at all. It has 2 versions:
      1. Standalone static and dynamic HTML web sites
      2. Wordpress Version

      I'm using it with Amazon S3. But you can host the video files anywhere to use Viddymatic. I'm also using custom skins for the player.

      To play MP4 files, your files must be encoded using H.264 / AVC compression.
      Signature
      === >>> Tomorrow Should Be Better Than Today

      {{ DiscussionBoard.errors[6337363].message }}
      • Profile picture of the author Wordpress Guy
        Originally Posted by azmanar View Post

        Hi,

        I have been using Viddymatic for quite a while. So far no problem at all. It has 2 versions:
        1. Standalone static and dynamic HTML web sites
        2. Wordpress Version

        I'm using it with Amazon S3. But you can host the video files anywhere to use Viddymatic. I'm also using custom skins for the player.

        To play MP4 files, your files must be encoded using H.264 / AVC compression.
        Encoding H.264 compression? What is it? Sorry I am not aware of it. But I have a hunch that encoding is creating a mess here.
        {{ DiscussionBoard.errors[6338120].message }}
        • Profile picture of the author WillR
          Originally Posted by narayanan86 View Post

          Encoding H.264 compression? What is it? Sorry I am not aware of it. But I have a hunch that encoding is creating a mess here.
          A standard MP4 file has meta information stored in it that must be read before the video can be played. A lot programs nowadays will attach that meta information to the END of the video so if you are streaming that video on a service like S3, the video will not start playing until the whole video has downloaded. This can create very slow loading videos.

          To make sure your video starts playing the moment someone lands on your website, you want to make sure the meta data is instead placed at the beginning of your MP4 file. This means it can be read right away and the video can start streaming straight after.

          The best free program to make sure your MP4 videos are encoded in H.264 and with the meta data at the beginning of the video, is HandBrake
          {{ DiscussionBoard.errors[6338564].message }}
          • Profile picture of the author azmanar
            Originally Posted by WillR View Post

            A standard MP4 file has meta information stored in it that must be read before the video can be played. A lot programs nowadays will attach that meta information to the END of the video so if you are streaming that video on a service like S3, the video will not start playing until the whole video has downloaded. This can create very slow loading videos.

            To make sure your video starts playing the moment someone lands on your website, you want to make sure the meta data is instead placed at the beginning of your MP4 file. This means it can be read right away and the video can start streaming straight after.

            The best free program to make sure your MP4 videos are encoded in H.264 and with the meta data at the beginning of the video, is HandBrake
            Narayanan.

            Willr has explained it well.

            Follow his tips.
            Signature
            === >>> Tomorrow Should Be Better Than Today

            {{ DiscussionBoard.errors[6339424].message }}
          • Profile picture of the author Wordpress Guy
            Originally Posted by WillR View Post

            A standard MP4 file has meta information stored in it that must be read before the video can be played. A lot programs nowadays will attach that meta information to the END of the video so if you are streaming that video on a service like S3, the video will not start playing until the whole video has downloaded. This can create very slow loading videos.

            To make sure your video starts playing the moment someone lands on your website, you want to make sure the meta data is instead placed at the beginning of your MP4 file. This means it can be read right away and the video can start streaming straight after.

            The best free program to make sure your MP4 videos are encoded in H.264 and with the meta data at the beginning of the video, is HandBrake
            Yes thanks for that pal. I just tried that too. No luck yet
            {{ DiscussionBoard.errors[6339818].message }}
            • Profile picture of the author WillR
              Originally Posted by narayanan86 View Post

              Yes thanks for that pal. I just tried that too. No luck yet
              It still sounds to me like the problem is the meta data. That is consistent with your symptoms. Go to your video page and leave it for 10 minutes and see if the video starts playing eventually. If it does then this means it's most likely the meta problem and as a result, your entire video has to download before it will play. Thus when you get to the page the video player just keeps loading and loading.

              To correct that problem, when using Handbrake you need to make sure you have the correct setting checked. You will see a checkbox in the middle of the window that says 'Web Optimized'. You need to make sure that box is checked as it will then move your meta data to the beginning of the video file.

              From the handbrake Wiki:

              Web Optimized
              This rearranges the header of the MP4 file to optimize it for streaming across the web.

              Source: https://trac.handbrake.fr/wiki/OutputSettings
              See the screenshot below:

              {{ DiscussionBoard.errors[6341704].message }}
              • Profile picture of the author Wordpress Guy
                Originally Posted by WillR View Post

                It still sounds to me like the problem is the meta data. That is consistent with your symptoms. Go to your video page and leave it for 10 minutes and see if the video starts playing eventually. If it does then this means it's most likely the meta problem and as a result, your entire video has to download before it will play. Thus when you get to the page the video player just keeps loading and loading.

                To correct that problem, when using Handbrake you need to make sure you have the correct setting checked. You will see a checkbox in the middle of the window that says 'Web Optimized'. You need to make sure that box is checked as it will then move your meta data to the beginning of the video file.

                From the handbrake Wiki:



                See the screenshot below:

                Thanks for the screenshot mate. I did the same, but video is still not playing. Here's the page btw:

                test page | IELTS GUIDE

                God knows what's the issue now.
                {{ DiscussionBoard.errors[6342914].message }}
          • Profile picture of the author geekology
            I have been doing videos for quite some time and have used handbbrake too, never knew the technical reason behind that. thanks for this simple n clear explanation.
            Originally Posted by WillR View Post

            A standard MP4 file has meta information stored in it that must be read before the video can be played. A lot programs nowadays will attach that meta information to the END of the video so if you are streaming that video on a service like S3, the video will not start playing until the whole video has downloaded. This can create very slow loading videos.

            To make sure your video starts playing the moment someone lands on your website, you want to make sure the meta data is instead placed at the beginning of your MP4 file. This means it can be read right away and the video can start streaming straight after.

            The best free program to make sure your MP4 videos are encoded in H.264 and with the meta data at the beginning of the video, is HandBrake
            {{ DiscussionBoard.errors[6344751].message }}
    • Profile picture of the author Wordpress Guy
      Originally Posted by CyberSEO View Post

      Try WordPress › KVS FLV Player « WordPress Plugins - it does play MP4 videos w/o problems.
      Plugin is a charm, but I guess there is encoding problem with the videos. Thanks for the recommendation bob
      {{ DiscussionBoard.errors[6338144].message }}
  • Profile picture of the author Chris Thompson
    If you've already used EVP, why not just stick with it? So much easier than anything else I've seen!
    {{ DiscussionBoard.errors[6337342].message }}
  • Profile picture of the author david carr
    no contest EVP all the way, not looked back since I started using it.

    Set your mate up an account on there and charge him for using it

    Regards
    Dave
    Signature

    {{ DiscussionBoard.errors[6337469].message }}
  • Profile picture of the author WillR
    There are various solutions out there but you need to be careful. They are definitely not all built equal.

    I highly recommend this plugin. You won't look back.
    Amazon S3 Secure Video Streaming – S3FlowShield
    {{ DiscussionBoard.errors[6337575].message }}
    • Profile picture of the author Wilco de Kreij
      Originally Posted by WillR View Post

      There are various solutions out there but you need to be careful. They are definitely not all built equal.

      I highly recommend this plugin. You won't look back.
      Amazon S3 Secure Video Streaming - S3FlowShield
      Originally Posted by gax13 View Post

      S3FlowShield is the solution for embedding Amazon S3 videos.
      I got the same advice from several others - so I'm going to use that one as well! Thanks!
      {{ DiscussionBoard.errors[6356832].message }}
  • Profile picture of the author Tantalizing Web
    If you can get him to spring for $24 a month check out Wistia. They pay for the traffic too. I have not used it but I know someone that is very good with video. It provides pretty much everything EVP does but doesn't have the slow load times. I plan to dump EVP and move to Wistia. They aslo have VERY detailed analytics. At this low price you're limited to only 5 videos.
    {{ DiscussionBoard.errors[6338176].message }}
  • Profile picture of the author WillR
    Oh, I wish you had shown us the domain beforehand.

    It's simple, the error tells you exactly what the probpem is.



    "Playlist could not be loaded due to crossdomain policy restrictions"

    This means you don't have the rights needed to use that video player or video on your domain or maybe you have the file locations wrongly inputted. There's nothing wrong with the actual video.

    This sort of error can also happen if you are loading different content from the same domain but with and without the "www" in the URL.
    {{ DiscussionBoard.errors[6344194].message }}
    • Profile picture of the author azmanar
      Originally Posted by WillR View Post

      Oh, I wish you had shown us the domain beforehand.

      It's simple, the error tells you exactly what the probpem is.



      "Playlist could not be loaded due to crossdomain policy restrictions"

      This means you don't have the rights needed to use that video player or video on your domain or maybe you have the file locations wrongly inputted. There's nothing wrong with the actual video.

      This sort of error can also happen if you are loading different content from the same domain but with and without the "www" in the URL.
      Yup. I noticed that the video is trying to load from another domain and not from the web site nor S3.

      That could be the real problem.
      Signature
      === >>> Tomorrow Should Be Better Than Today

      {{ DiscussionBoard.errors[6344352].message }}
    • Profile picture of the author Wordpress Guy
      Oops I am sorry. I was trying something with the settings and that must have created that chaos.

      Here's the updated page. Sorry guys

      test page | IELTS GUIDE
      {{ DiscussionBoard.errors[6344446].message }}
      • Profile picture of the author WillR
        Originally Posted by narayanan86 View Post

        Oops I am sorry. I was trying something with the settings and that must have created that chaos.

        Here's the updated page. Sorry guys

        test page | IELTS GUIDE
        Ok, I just looked at your current page. The issue is with your Amazon S3 file:




        You will see in the image above that when I go to the direct link for your video on Amazon S3, it says the key does not exist.

        In Amazon terms a key is another word for an object. So it basically means that file does not exist. I would double check and make sure you have uploaded the video into the right place and I would also double check that video url because there is no video at that link and that;s why your video player is not doing anything... it has no video file to play.
        {{ DiscussionBoard.errors[6344573].message }}
        • Profile picture of the author Wordpress Guy
          Originally Posted by WillR View Post

          Ok, I just looked at your current page. The issue is with your Amazon S3 file:




          You will see in the image above that when I go to the direct link for your video on Amazon S3, it says the key does not exist.

          In Amazon terms a key is another word for an object. So it basically means that file does not exist. I would double check and make sure you have uploaded the video into the right place and I would also double check that video url because there is no video at that link and that;s why your video player is not doing anything... it has no video file to play.
          I cross checked the files in the S3 twice. Here's the screenshot of the Amazon S3



          Still wondering why the video isn't playing. In fact, I removed and added the file again.
          {{ DiscussionBoard.errors[6351369].message }}
  • Profile picture of the author gax13
    Banned
    S3FlowShield is the solution for embedding Amazon S3 videos.
    {{ DiscussionBoard.errors[6344279].message }}
  • Profile picture of the author jackobsIM
    Try this plugin wordpress.org/extend/plugins/s3-video/
    {{ DiscussionBoard.errors[6344445].message }}
  • Profile picture of the author Jesus Perez
    Signature

    {{ DiscussionBoard.errors[6348995].message }}
  • Profile picture of the author michaeljcheney
    I use EZS3 - they have tons of different player skins, you can do autoforwarding at the end of the videos, batch video creation, mass uploads and it will manage all your S3 content easily - videos, PDFs, audios.

    I swear by it and they give you the embed codes that work on all sites (WP or non-blogs).
    Signature
    Get Free Email Marketing Tips, Tactics and Strategies[URL=https://www.emailmarketingsecrets.org]
    {{ DiscussionBoard.errors[6350513].message }}
  • {{ DiscussionBoard.errors[6355216].message }}
  • Profile picture of the author bwh1
    What are your permissions for the bucket?

    We had once a problem like that and found out that the permissions blocked access from outside so the videos didn't load.

    Nothing to do with the player, I use EVP for WP by the way - no problems at all.

    G.
    Signature

    Affiliates Wanted! Make anywhere from 42,- to $72 in commissions. Simply Recommend the Best QuickBooks Pro Video Course available at Clickbank.

    {{ DiscussionBoard.errors[6355268].message }}
    • Profile picture of the author Wordpress Guy
      Originally Posted by bwh1 View Post

      What are your permissions for the bucket?

      We had once a problem like that and found out that the permissions blocked access from outside so the videos didn't load.

      Nothing to do with the player, I use EVP for WP by the way - no problems at all.

      G.
      How to set permissions? I have never touched that part for any of the videos I uploaded before these ones, and they all worked really good.
      {{ DiscussionBoard.errors[6356657].message }}
      • Profile picture of the author Wilco de Kreij
        Originally Posted by narayanan86 View Post

        How to set permissions? I have never touched that part for any of the videos I uploaded before these ones, and they all worked really good.
        Have you been able to find a solution yet? Got the same problem..
        {{ DiscussionBoard.errors[6475304].message }}
        • Profile picture of the author sharpee
          I know this is an old thread but a big thank you to all who have contributed! I have been trying to deal with similar video/S3 issues and didn'y know about the MP4 Meta data issue & Handbrake program. The WordPress › S3 Video Plugin « WordPress Plugins plugin has at least got me going and it has enabled me to neatly show my long training video, which consists of several videos, in a Playlist format. Result!
          {{ DiscussionBoard.errors[7313735].message }}
  • Profile picture of the author Bruce Wedding
    Since it hasn't been mentioned, JWPlayer works fine on all my Amazon S3 videos. Flowplayer is also very good. But you definitely have to set the permissions right at Amazon or nothing will work.

    Get the Firefox add-in, S3 Organizer to do it easily.

    http://wordpress.org/extend/plugins/...for-wordpress/
    {{ DiscussionBoard.errors[7313762].message }}

Trending Topics