Я хочу сделать вызов ajax, а затем отобразить html 5 видео.Html 5 видео не работает после вызова ajax
Следующий код не работает.
$.ajax({
type: "POST",
url: "Videos.aspx/GetBlocs",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
$("#videoPlayer").html(
'<video id="Video1" src="" class="video-js vjs-default-skin" ' +
' controls preload="auto" width="640" height="360" ' +
' data-setup=\'{ "techOrder": ["youtube"], "src": "http://www.youtube.com/watch?v=xjS6SftYQaQ" }\'>' +
'</video>'
);
}
});
Как вы можете видеть, я даже не использую значение обратного вызова ajax.
Однако, если видео отображается ПЕРЕД вызовом ajax, оно работает.
$("#videoPlayer").html(
'<video id="Video1" src="" class="video-js vjs-default-skin" ' +
' controls preload="auto" width="640" height="360" ' +
' data-setup=\'{ "techOrder": ["youtube"], "src": "http://www.youtube.com/watch?v=xjS6SftYQaQ" }\'>' +
'</video>'
);
$.ajax({
type: "POST",
url: "Videos.aspx/GetBlocs",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
.....
}
});
Редактировать: Я также использую видео-js и youtube видео-js-плагины.
Как вы знаете, даже если вызов Ajax является успешным? – Musa
Успешно. У меня был код, который я удалил, чтобы упростить фрагмент кода. Собственно, видеопроигрыватель выглядит как-то, но остается черным и никогда не загружается. – Dave
В коде, который работает, загружаете ли вы сценарий video.js до или после создания видеоэлемента? – brianchirls