кнопка воспроизведения видео js не работает при использовании ответа javascript - PullRequest
0 голосов
/ 10 февраля 2020

Вот мой код, который я пытался использовать с помощью vidoe js, но не работает кнопка воспроизведения при ответе 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>

1 Ответ

1 голос
/ 10 февраля 2020

Чтобы программно установить источник видеоэлемента с помощью video js, вы можете использовать src(sourceopt):

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

Credit

...