WordPress.org

Forums

Best HTML5 Video Player?!? (5 posts)

  1. itskater
    Member
    Posted 2 years ago #

    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.

  2. W.P. Ginfo
    Member
    Posted 2 years ago #

    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>
  3. itskater
    Member
    Posted 2 years ago #

    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!

  4. W.P. Ginfo
    Member
    Posted 2 years ago #

    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.

  5. PW EDEN
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic