changing source on html5 video tag

Question

i\'m trying to build a video player, that works everywhere. so far i\'d be going with:

Answer 1

Another way you can do in Jquery.

HTML

     

         
Big Bunny.
     

Jquery

$(".list-item").find(".item").on("click", function() {
        let videoData = $(this).data("video");
        let videoSource = $("#videoclip").find("#mp4video");
        videoSource.attr("src", videoData);
        let autoplayVideo = $("#videoclip").get(0);
        autoplayVideo.load();
        autoplayVideo.play();
    });