Secure HTML5 Video Player Plugin for WordPress

search

Secure HTML5 Video Player Plugin for WordPress

January 14, 2013
Share
301 Comments
  • Mark Hultgren
    July 15, 2014 Reply

    I agree with all the people that love your plugin, it is wonderful. With that being said, I am running into an issue with IE (of course).
    I am streaming the videos from S3 and they play fine in Firefox, Safari, Chrome but all I get in IE is a ‘standard’ 640 x 480 video player (my videos are all wide screen 16×9 format) with a video time of 0:00 and no splash image or video.
    I am using a premium theme from ThemeForest with a couple custom plugins.
    Please help?!?!?

    • duncan
      July 16, 2014 Reply

      Most often when you get a browser specific video playback error like this, it’s because the browser wasn’t able to play the specific video encoding that was used to create the video file.

      For ex: http://blogs.msdn.com/b/thebeebs/archive/2011/07/20/html5-video-not-working-in-ie9-some-tips-to-debug.aspx

      I would try to re-encode it using a Miro video encoder preset for H.264 HTML5 video and see if that corrects the issue. Another possibility is that IE might have trouble detecting the content type of the file coming from S3. S3 usually get’s the content-type correct automatically for any given file, but in earlier times it was less capable and you would have to manually specify the content-type of any given file in the S3 console for it to be served properly to a browser. I would advise checking the content-type for your test video and make sure it’s the correct MIME type (“video/mp4″).

      • Mark Hultgren
        July 16, 2014 Reply

        Hi Duncan,
        Thanks fort he reply, but all the settings and encoding is correct. Even the mime types are listed on the server and the issue is with IE 11, not 9, which is what really has me stumped. I used Handbrake set to h.264 (web optimized) 29.97 fps, AAC and even uploaded multiple formats to no avail. All I get is a blank 640 x 480 player skin with no video in it.

        • duncan
          July 17, 2014 Reply

          Could you provide an example link? I’ll email you separately (to your provided comment email address) in case you are uncomfortable posting that link here.

  • begs
    July 7, 2014 Reply

    Hello team,
    thanks for your really great plugin!

    I got two questions:

    1. When using the plugin to select a video in a page or post, NOT via shortcode:
    Is there an option to select the poster image?

    2. when using the plugin and sitching to full screen mode, the video only expands to full screen in chrome, but not the full screen of the monitor.
    On the video.js homepage http://www.videojs.com full screen mode is “real” full screen mode.
    Am i missing some option with the Secure HTML 5 Video Player plugin to get a “real” full screen?

    Best regards

    • duncan
      July 16, 2014 Reply

      1. To set the poster image, you just need to upload an image that that has the same base-file-name as the video into the video directory. So if your video is named: “myvideo.mp4″, you should create and upload “myvideo.jpg” or “myvideo.png” into the same path as the video, and then the plugin will detect that it’s there and use it as the placeholder image.

      2. If you’d like to use full screen mode in a consistent way, you can switch your video skin to “native” and that will allow for full screen video that takes up the full computer screen, usually. There might be exceptions on certain specific browser and OS combinations.

      • begs
        July 17, 2014 Reply

        Hello duncan,
        thank you so much! Both suggestions worked like a charm.

        Best regards

  • Robert
    June 19, 2014 Reply

    We have been using the plugin for a while now and it has been working well. We post videos to our website using short code. Recently we have started to see an issue that only allows a video to play for so many minutes before it just stops. I have tried it with different videos and it is happening to all. Any ideas on how to fix this?

    • duncan
      June 19, 2014 Reply

      What is your “caching” setting in the plugin? Are you serving the videos from cached files or dynamically? If one option is not working for you, it’s possible the other will work fine. How long are your videos? We routinely test with videos in excess of 2 hours in length and it loads in the hosting provider we use.

      If the cached file strategy is not working and playing the videos all the way through, it could be that either the file copy of the video to the directory cache did not succeed completely, or that the webserver is dropping/blocking serving the download request fully. I would advise checking the wp-content/sh5vp_cache directory to see if the video copies are there fully. If only a portion of the file is there, it’s because creating the file copies failed at some point. If it routinely fails then your best option might be to switch to dynamic mode, or to using S3 as your video repository.

      • Robert
        June 20, 2014 Reply

        Hi Duncan. Thanks for the reply. I have actually tried both settings in the ‘caching’ section with the same results. Our videos are usually from 30-60 minutes long. The file size on the videos in the cache directory are the same, if not slightly higher, than the original videos.

        • duncan
          June 20, 2014 Reply

          What is likely happening is that the connection is being cut off by the web server or by PHP or both. If you have the ability to adjust the settings in your host provider control panel, you’ll need to increase PHP’s max_execution_time and Apache’s TimeOut settings to reflect the length of time it would take to download a file that large.

          http://www.php.net/manual/en/info.configuration.php#ini.max-execution-time
          http://httpd.apache.org/docs/2.0/mod/core.html#timeout

          If you don’t have the controls in place to tune the server to allow for large file downloads, you’ll have to either change hosting plans or providers, or use an external service to host your videos (like Amazon S3 or Youtube).

1 4 5 6
Leave Comment


− 5 = four

Error Please check your entries!