Best HTML5 Video Player?!?

  • itskater

    (@itskater)


    12 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • W.P. Ginfo

    (@wp-ginfo)

    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 https://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>

    Thread Starter itskater

    (@itskater)

    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!

    W.P. Ginfo

    (@wp-ginfo)

    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.