Support » Plugins » Best HTML5 Video Player?!?

  • Hello,
    I’m trying to add a good HTML5 Video Player to my website. I have tried several that wont link to my videos on my server. I need one that will work with no ads or watermarks, I’m willing to pay. I have about 30 videos on the server at about 10 – 50mb per video so I cant upload to WordPress.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi,

    Its customary to use a code that will tell HTML5 to use various video formats, so users with different systems will see the video using the version suitable for them. Then you create / store your video in various formats such as ogg, mp4, webm etc.

    Check this example:

    <!DOCTYPE html>
    <!-- video.html by Bill Weinman http://bw.org/ -->
    
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>
            HTML5 Video
        </title>
        <script>
            var video;
            function init() {
                video = document.getElementById('video1');
            }
            function play() { video.play(); }
            function pause() { video.pause(); }
            function rewind() { video.currentTime = 0; }
            window.onload = init;
        </script>
    </head>
    <body>
    
    <h1>
        HTML5 Video
    </h1>
    
    <p> Here's a video: </p>
    <video id="video1" width="860" height="480" controls>
        <source src="media/video.m4v" type="video/mp4" />
        <source src="media/video.webm" type="video/webm" />
        <source src="media/video.ogg" type="video/ogg" />
        <p> Your browser does not support the HTML5 video feature. </p>
    </video>
    
    <form>
        <input type="button" value="Play" onclick="play()" />
        <input type="button" value="Pause" onclick="pause()" />
        <input type="button" value="Rewind" onclick="rewind()" />
    </form>
    
    </body>
    </html>

    Thank you,
    But what can I do with that code? In WordPress I don’t have many options for adding code. I know HTML and CSS but not PHP or JS. So I’m basically looking for a plug in / widget that will play mp4 files hosted on a cloud server with WordPress.

    Thanks!

    There are many ways to add code to WP.
    Put the script in the head of header.php, add `<video> .. </video> and <form> … </form> in the page using the tex-tab of the editor, and you’re away.

    Hi itskater,
    I understand your dilemma! I’ve tried many plugins and none do what the supplied code above do with any nice customization. I need to change videos regularly and have some with playlists, etc. No plugin that I’ve worked with will allow all the various video types at the same time.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Best HTML5 Video Player?!?’ is closed to new replies.