I've been trying to implement a video player using video.js, but I'm running into issues with the play button not responding to my JavaScript code. I have all the necessary scripts included in my file, but I haven't been able to find a solution that works. Can anyone help me troubleshoot this problem?
<link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<script src="https://vjs.zencdn.net/7.6.6/video.js"></script>
<video id="video_source"
class="video-js "
controls
preload="auto"
data-setup="{}"
style="width: 100%;height: auto;">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<script type="text/javascript">
$(function () {
var video_url = "videos/3D2EE6C8325B48068FF2F56FCE.mp4";
var video_src = '<source src="'+video_url+'" type="video/mp4" />';
$(".vjs-tech").html(video_src);
videojs("video_source");
});
</script>