Secure HTML5 Video Player Plugin for WordPress

search

Secure HTML5 Video Player Plugin for WordPress

January 14, 2013
Share
256 Comments
  • Tevya
    March 18, 2014 Reply

    You know what would be a really great addition to this plugin? Playlists. It would be great if there were an easy way to generate a playlist, then insert a playlist of videos, rather than just 1 at a time.

    • duncan
      March 18, 2014 Reply

      Thanks for the suggestion. We will work on implementing an easy way to play back segmented video play lists in a future version.

  • Ratna
    March 17, 2014 Reply

    Hi there,

    Thank you for your wonderful plugin. We are using it for a website and it does not want to work. The plugin worked beautifully on our development server and but on the production server it simply refuses to do so. Any advice or guidance?

    We are on 3.8.1 and below is the URL to the page where the video does not work. Using Amazon S3 to deliver the content.

    http://workshops.maitreya.co/sample-page-2/

    Once again thank you and appreciate any guidance you are able to offer.

    Have a lovely day
    Ratna

    • duncan
      March 18, 2014 Reply

      I was able to make your video play in a non-local S3 test instance by converting it to use different MP4 parameters in Handbrake. (Available free from handbrake.fr). In Handbrake, set the video source to be the video file, then set the target format to H.264, and check on: large file size, and web optimized. Convert the file and then upload that to replace the video in your S3 instance. The video should be playable now after some loading delay.

      If you split the video to multiple segments, with each segment embedded separately, you should get improved performance. I would also advise that you create a OGV or WEBM version so that it will play correctly on Firefox. You can create those formats using Miro Video Converter.

  • Paul Taubman
    March 2, 2014 Reply

    A client has your plugin – and I really like it!

    I am trying to put in a video in a sidebar of a WordPress site so I need to change the dimensions. In my widget, I have the following:

    [video file="XX-YY-ZZ" width="160" height="120" ] ]

    The only thing that gets displayed is the lower left corner of the video. The full size is 640×480, so it is as if the width and height are only displaying that much, and not resizing the video to fit within the constraints of the width and height.

    Can you let me know what I am doing wrong?

    Thanks.

    • duncan
      March 6, 2014 Reply

      What is likely happening is that there is some styling overriding or setting the width and height of the video to be something else. What might work as a workaround is to set a max-width and max-height of the video tag to be 100%. Or, alternatively, set the video css to be something specific when it’s within a sidebar class.

      video {
      max-width: 100%;
      max-height: 100%;
      }

  • Priyesh
    February 27, 2014 Reply

    Hi Lucinda,

    I’m having trouble with playback of full screen videos, the plug in works great in other regards, however when I play a video in full screen I still see my navigation bar which cuts across the top of the video.

    Is there a way to correct this? Here is the site, the video is on the right hand side of the home page. I am running wordpress 3.6 and version 3.1 of your plug in.

    Please advise.
    Cheers

    • Priyesh
      February 27, 2014 Reply

      I figured it out, there was a post about a similar issue, the nav menu had it’s z index set to “100″, dropped it to “1″ and both nav menu and video behave correctly.

  • Tony
    February 21, 2014 Reply

    Hi. I just got your plugin installed and working. Thanks very much! Are you aware of any way to use your plugin in a carousel or slider so that a user could select one out of several (or many) possible videos to play?

    Thanks,
    Tony

    • duncan
      March 6, 2014 Reply

      I would use a carousel that supports iframes, and then create a template page that supports showing a video with a shortcode without anything around it. Then within the iframe, put the link to the video page. It takes some work, but using iframes is the most stable way to integrate videos within dynamic elements. To optimize it further, you have make the carousel lazy load the iframe only when its about the show the slide that has the video.

      • Tony
        March 14, 2014 Reply

        Thanks Duncan for the reply.

  • Jaqueline
    February 7, 2014 Reply

    Hi, I`m tryiing to use this plugin but I get the following errors:

    Warning: fopen(/home/agbmcomb/public_html/site/wp-content/sh5vp_cache/index.php) [function.fopen]: failed to open stream: No such file or directory in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1924

    Warning: fwrite() expects parameter 1 to be resource, boolean given in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1925

    Warning: fclose() expects parameter 1 to be resource, boolean given in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1926

    Warning: mkdir() [function.mkdir]: Permission denied in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1945

    Warning: mkdir() [function.mkdir]: Permission denied in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1948

    Warning: fopen(/home/agbmcomb/public_html/site/wp-content/sh5vp_cache/20140207/index.php) [function.fopen]: failed to open stream: No such file or directory in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1952

    Warning: fwrite() expects parameter 1 to be resource, boolean given in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1953

    Warning: fclose() expects parameter 1 to be resource, boolean given in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1954

    Warning: fopen(/home/agbmcomb/public_html/site/wp-content/sh5vp_cache/20140207/2c0cb8f8025781a6023d68f825b628604d5c50e8/index.php) [function.fopen]: failed to open stream: No such file or directory in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1957

    Warning: fwrite() expects parameter 1 to be resource, boolean given in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1958

    Warning: fclose() expects parameter 1 to be resource, boolean given in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1959

    Warning: copy(/home/agbmcomb/public_html/site/wp-content/sh5vp_cache/20140207/2c0cb8f8025781a6023d68f825b628604d5c50e8/++Filme-LANCAMENTO-30_1_h264_2000Kbps_720p.mp4) [function.copy]: failed to open stream: No such file or directory in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 1963

    Warning: scandir(/home/agbmcomb/public_html/site/wp-content/sh5vp_cache/) [function.scandir]: failed to open dir: No such file or directory in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 2009

    Warning: scandir() [function.scandir]: (errno 13): Permission denied in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 2009

    Warning: Invalid argument supplied for foreach() in /home/agbmcomb/public_html/site/wp-content/plugins/secure-html5-video-player/sh5vp-functions.php on line 2010

    It shows the video below this messages, but I don`t know why I`m having this error. Can you help me, please? Is something related to the videos folder??

    Thanks

    • duncan
      March 6, 2014 Reply

      It looks like your hosting provider or server is set so that WordPress or PHP is not permitted to write files and do specific file commands in your file system. This prevents the plugin from serving videos using the “file” setting for Caching methodology. To make it work, you can set it to either use “dynamic” or set the plugin to use Amazon S3 as the service providing the video data.

  • Bob
    February 4, 2014 Reply

    Following up on my previous comment, I figured out what the difference between the two sites was (duh). The one where .ogv works and .webm doesn’t is running Secure HTML Video Player v 3.1. The one where .webm works and .ogv doesn’t is running Secure HTML Video Player v 3.4. Somewhere between the two versions things switched. (Again, for whatever reason, the problem only occurs if the .mp4 version is also in the videos folder.)

    It’s a welcome change, since I’d much prefer to be using .webm vs. .ogv.

    Thanks.

  • Bob
    February 4, 2014 Reply

    Thanks for your fantastic plugin.

    I’ve run into the following problem using it with Firefox:

    In my video directory, I include two versions of each video file, an .mp4 for non-Firefox browsers and iOS, and then an .ogv or .webm for Firefox.

    IF I DON’T INCLUDE THE .MP4 FILE IN THE VIDEO DIRECTORY, either the .ogv or the .webm works in Firefox. (Of course, not including an .mp4 isn’t a viable setup since I need to be able to support more than just Firefox. I’ve only done it in order to try and isolate the problem described below.)

    WITH THE .MP4 FILE IN THE VIDEO DIRECTORY, on one of my sites a .webm file won’t work in Firefox but an .ogv file will. On my second site it’s the opposite: an .ogv file won’t work and a .webm will. I haven’t yet figured out anything relevant that I’m doing differently between the two sites.

    When I say “won’t work”, the symptom is that Secure HTML5 Video Player ignores the .ogv or .webm file and attempts to load the fallback flash player, which then promptly freezes or gives an error message.

    Any ideas? Thanks.

  • Karen
    January 27, 2014 Reply

    Hi! Love your plugin!

    My video use to work fine on all browsers but now it looses its sound after just a few seconds (this happens in all browsers). When I play the clip directly it works fine. I don’t know when it stopped working. Any ideas!?!?

    http://www.greenwichalliance.org/events/a-night-final/

    Thanks,
    Karen

    • duncan
      March 6, 2014 Reply

      I loaded the video on that page and it seems to play fine. I hope you found the solution without our help.

  • Andy Zuntz
    January 22, 2014 Reply

    Hi there. Great plugin, mostly dong what I want.
    However, I need my readers to be able to download the video they are watching, for offline use.

    I notice that when I hover over the video area a box offering “Download” appears, top left, above the video. Unfortunately clicking it does not result in the file being downloaded, as I would wish.
    Can you help.

    Many thanks

    Andy

    • Andy Zuntz
      January 22, 2014 Reply

      Me again. I don’t think the “download” button is anything to do with this viewer. Ignore the last post

      Sorry

      Andy

  • Anthony
    January 12, 2014 Reply

    Since update there is no sound on any of my clips when viewed on IE, Chrome, IOS and Firefox all work fine….Any Ideas???

    • Anthony
      January 12, 2014 Reply

      to clarify, the problem is only with IE.

      • duncan
        January 15, 2014 Reply

        Could you provide an example page where it fails to play sound on IE? Also, for what version of IE does it fail?

        • John
          January 28, 2014 Reply

          Not getting sound here: http://viralpromotionsystem.com/?page_id=17
          Also have some error messages. Any suggestions?

          • duncan
            March 6, 2014

            Sorry we’re late getting back to you. I’m not seeing the video on that page. Are you still seeing issues?

  • Gabe Harder
    January 10, 2014 Reply

    Seeking advice for large, long video files. I’ve created a folder above public_html to store them on my server, but like you mentioned in the instructional video, the player is taking a long time to retrieve it. I’d love to be able to use this plugin, as it provides a much needed layer of security for our PPV content, but I’m scratching my head about file size, as each video is over an hour in length. Any advice / experience is appreciated.

    • duncan
      January 15, 2014 Reply

      For every large video files, I tested it and it seems to work fine, provided that the settings are set a certain way. I would advise setting:

      Caching->Video File Serving Methodology
      to: Serve dynamically

      This setting is preferable for extremely large files because it removes the need to make copies of video files to cache directories.

      Also, make sure that the MP4 video file is encoded “Web optimized”. A MP4 video not encoded properly will not stream correctly to most browsers.

      I do think that there is room for improvement in the plugin though. One thing we will look into developing is being able to easily use segmented videos and have them all play in the proper order automatically.

  • Nathan
    January 9, 2014 Reply

    Hi I’ve been using this for a long time however I updated the plugin this morning now I’m getting an unsupported MIME format message.
    I’m having to use Youtube as the primary as fallback isn’t working either.
    Do you have any advice on this?

    • duncan
      January 9, 2014 Reply

      I think you’re probably getting a MIME warning on Firefox, is that correct? This is because Firefox doesn’t support MP4 video playback. Before it worked because we had a fall back system in place to support MP4 video playback using Flowplayer. But due a security problem with Flowplayer we were forced to upgrade it to the latest version.

      Unfortunately, the latest version of Flowplayer acted in unexpected ways when used as an HTML5 video fallback because it was itself attempting to be an HTML5 video player with a fallback mechanism. The Youtube fall back isn’t used because you actually have the file in place.

      To correct the issue I think you can do one of 3 things:

      1. You can provide video in the format that Firefox is able to play: Ogg Vorbis / Theora. You can convert all your videos to this format using a tool called “Miro Video Converter” and upload the videos to the same location as the mp4 videos (only with the ogv file extension).

      2. You can downgrade the plugin to version 3.1 until we get a better solution in place. The download for the old plugin is here:
      http://downloads.wordpress.org/plugin/secure-html5-video-player.3.1.zip
      And is listed also in the plugin page on WordPress.org.

      3. If you have Youtube option available for some or all of your videos, change you setting to be “Youbube as primary and HTML5 as fallback”.

      Sorry for the unexpected behavior. We will work on a better fallback mechanism capable of playing MP4 on Firefox and release it as soon as we can.

    • duncan
      January 9, 2014 Reply

      We released an update (version 3.4) that should correct the issue for playback of MP4 videos on Firefox. Now it will play MP4 videos using a simple Flash video player on Firefox, in the case where OGV or WEBM videos are absent. Thanks for bringing this to our attention.

  • Tanja
    January 5, 2014 Reply

    Hi! Thanks for the great plugin!

    Is it possible to use Google Drive as a storage for my videos? My WordPress Blog is hosted by a small hosting provider but I do not have so much storage capacity. So I would like to use the free google drive only for the videos.
    If yes, is the any documentation for that?
    Many thanks in advance for any help!

    Bye Tanja

    • duncan
      January 9, 2014 Reply

      Thanks for the suggestion. We will look into the possibility of providing an easy way to stream videos from a Google Drive account.

    • Lucinda Brown
      January 9, 2014 Reply

      Hi Tanja,

      Sorry, we don’t support google drive, but perhaps we’ll try to include that in a future release. I encourage you to give Amazon a try, or use a folder above public_html in your hosting environment.

      Best Regards,
      Lucinda

1 3 4 5
Leave Comment


nine × = 9

Error Please check your entries!