Вставка видео HTML5 использование JavaScript для iPad
Я пытаюсь вставить видео в HTML с помощью jQuery для iPad, но все, что я вижу, является черным экраном. Если я добавляю видео тег непосредственно к странице HTML, все, кажется, хорошо работает.
Вот то, что я имею в своем JavaScript, и я называю это использование функции для onClick события.
var html = "";
html += '<video id="someVideo" width="'+settings.width+'" height="'+settings.height+'" controls="controls">';
html += '<source src="'+url+'" type="video/mp4" />';
html += '</video>';
$("#videoDiv").html(html);
Если я создаю видео тег прямо в тела, все, кажется, хорошо работает
<video width=708px height=300px controls="controls"><source src="video.mp4" type="video/mp4"></video>
Причина я планирую JavaScript, состоит в том, что я имею немного видео на той же странице и хотел, чтобы пользователь выбрал видео, которое будет просматриваться, как выступают к единственному видео на странице... Любая идея вокруг этого также поможет
Любая справка будет значительно цениться Спасибо
2 ответа
Причина, по которой я планирую JavaScript в том, что у меня есть несколько видео по одному и тому же странице и хотел, чтобы пользователь выбрал видео для просмотра в отличие от одно видео на странице ... Любая идея это также поможет
Разместите все видео на странице, каждое со стилем «display: none». Затем .show () соответствующий div для события щелчка.
В webkit iPad есть ошибка, которая не позволяет динамически созданным видеоэлементам загружаться должным образом.
Чтобы обойти эту проблему, установите атрибут source и вызывайте метод загрузки видеоэлементов после установки html
var html = "";
html += '<video id="someVideo" width="'+settings.width+'" height="'+settings.height+'" controls="controls">';
html += '<source src="'+url+'" type="video/mp4" />';
html += '</video>';
$("#videoDiv").html(html);
$('#someVideo').attr('src', url);
$('#someVideo')[0].load();