Как динамически создать проигрыватель медиаэлементов, используя jquery и mediaelement-and-player.js? - PullRequest
Новая
       10

Как динамически создать проигрыватель медиаэлементов, используя jquery и mediaelement-and-player.js?

0 голосов
/ 27 января 2019

Я пытаюсь создать элемент видео с помощью 'media-element-and-player', который является плагином для создания пользовательского проигрывателя видео.

Он работает нормально, когда я сам создаю элемент, но не работает, когда JQuery динамически создает элемент видео. 

<html>
<head>
<script src="jquery.min.js"></script>
</head>
<body>
<div class="video-preview">
</div>
<script type="text/javascript">
var div = $('.video-preview');
var video = '<video class="mejs__player" preload="true"><source 
type="video/mp4" src="batman.mp4"></video>';
div.append(video);
</script>
</body>
</html>

Как этого добиться? И заранее спасибо!

1 Ответ

0 голосов
/ 27 января 2019

Это должно сработать: 

<html>
<head>
<script src="/path/to/jquery.js"></script>
<script src="/path/to/mediaelement-and-player.min.js"></script>
<!-- Add any other renderers you need; see Use Renderers for more information -->
<link rel="stylesheet" href="/path/to/mediaelementplayer.min.css" />
</head>
<body>
<div class="video-preview">
</div>
<script type="text/javascript">
    var div = $('.video-preview');
    var video = '<video class="mejs__player" preload="true"><source type="video/mp4" src="batman.mp4"></video>';
    div.append(video);
    // After adding dynamically new video element, you should initialize the mediaelement plugin on that node as when the page loads this isn't rendered
    $('.video-preview video').mediaelementplayer({
        pluginPath: "/path/to/shims/",
        success: function(mediaElement, originalNode, instance) {
            // do things
        }
    });
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...