在javascript响应上使用时videojs播放按钮不起作用答案

【问题标题】：videojs play button is not working while using on javascript response在javascript响应上使用时videojs播放按钮不起作用
【发布时间】：2020-02-10 11:03:45
【问题描述】：

这是我尝试使用 vidoejs 的代码，但在 javascript 响应时播放按钮不起作用。我在我的文件中需要这种脚本。我试图找到但没有人给出正确的结果。你能帮我解决这个问题吗？

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

【问题讨论】：

是的，我的 url 中有实际的 mp4 视频。
你的控制台有什么错误吗？
控制台没有错误。
脚本执行后显示以上代码

标签： javascript ajax video.js

【解决方案1】：

要使用 videojs 以编程方式设置视频元素的来源，您可以使用 src(sourceopt)：

$(function() {
  var video_url = "SampleVideo.mp4";
  videojs("video_source")
    .src(video_url);
});

Credit

【讨论】：