2015-08-03 4 views
0

есть ли способ создать плейлист с video.js? на данный момент я использую видео в Интернете в качестве фона, и то, что я хочу достичь, - это добавить еще одно воспроизведение видео после первого окончания. лучший результат - заставить их играть в бесконечном цикле.Как создать плейлист video.js

это тег видео я есть сейчас:

<video id="video" class="video-js vjs-default-skin" 
autoplay preload muted width="1080" height="568" 
<source src="wp-content/themes/myTheme/video/video1.webm" type='video/webm'/> 
</video> 

это видео я хочу играть после первого:

<video id="video" class="video-js vjs-default-skin" 
autoplay preload muted width="1080" height="568" 
<source src="wp-content/themes/myTheme/video/video2.webm" type='video/webm'/> 
</video> 
+0

не судимое еще ничего. Раньше я использовал bigvideo.js и делал работу над чтением документации, но здесь, с видео.js, я ничего не нашел об этом, так как я действительно новичок с javascript, я спросил здесь :) –

ответ

0

Вы можете сделать что-то похожее на это. Это будет слушать событие end первого видео и изменить src и воспроизвести второе видео.

// Check whether the video has ended, and if so change the src to the next one. 
 
$('video').on('ended', function() { 
 
    $('video source').attr('src', "wp-content/themes/myTheme/video/video2.webm"); 
 
    $("video")[0].load(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<video id="video" class="video-js vjs-default-skin" autoplay preload muted width="600" height="300"> <source src="wp-content/themes/myTheme/video/video1.webm" type='video/webm' /> 
 
</video>

Смежные вопросы