Я пытаюсь динамично породить видео элемент на странице с помощью JavaScript.
JavaScript
<script type="text/javascript">
$(document).ready(function() {
var video = $(document.createElement('video'))
.attr('id', 'VideoElement')
.attr('controls', 'controls')
.attr('src', 'videopath.mp4') // Changed 'href' attribute to 'src'
.css({
width: 640,
height: 360
});
$('#VideoContainer').append(video);
});
HTML
<body>
<div id="VideoContainer"></div>
</body>
В Firefox я получаю видео ремень безопасности, но фактическое видео не загружается. В IE8 даже не появляется видео ремень безопасности.
Разве HTML 5 просто не поддерживается достаточно для выполнения этого уже?
Править: Заставил это работать с фиксацией Artiom. Похож это хорошо работает с Chrome и Safari. Я использую Firefox кодека, не поддерживает, таким образом, он не работает там; хотя я подозреваю, что это будет работать с поддерживаемым кодеком. IE8, конечно же, не работает (хлопните по ладони IE).
На самом деле, я думаю, вы используете здесь неправильный атрибут :)
Замените атрибут href
на атрибут src
в вашем видео тег, и я почти уверен, что он должен работать: P
ie8 точно не поддерживает.
Проверяли ли вы различные медиаплееры на основе jQuery? Вы можете найти такие, которые используют html5 по умолчанию и возвращаются к flash в браузерах, которые его не поддерживают.