Динамический видео плейлист в HTML5 и др.

Question

Хотелось бы узнать, смогу ли я управлять динамическим списком воспроизведения видео с помощью HTML5 и JavaScript - и относительной поддержки в более поздних версиях браузера, а также с некоторой серверной технологией PHP.

Я хотел бы воспроизвести видео1, видео2, видео3 (помещенное в подкаталог веб-сервера) и цикл. Затем я хотел бы добавить видео (видео4), а затем система должна воспроизвести видео1, видео2, видео3, видео4 (цикл).

С помощью PHP я могу легко добавить файл video4 в подкаталог, но я не знаю про цикл воспроизведения в HTML5 / ECMA / JavaScript.

Это возможно и легко реализовать?

Спасибо заранее.

Answer 1

Вы можете создать форму xml, в которой перечислены все источники видео и задать заголовок и т. Д., А затем вызвать его в своем HTML.Если вы не знаете, как это сделать, я могу отправить то, на что похожа моя.

Answer 2

Это было бы относительно легко настроить.

На стороне PHP вы выполняете обнаружение того, что находится в вашем подкаталоге, и на основе этого выходного HTML-кода, так что все это находится на вашей странице.

Затем вы можете запустить это видео HTML5 с JQuery ииспользуйте обратный вызов, чтобы начать следующий.Если обратный вызов является последним, то вы начинаете заново.

Соответствующие примеры кода:

В PHP получите файлы в подкаталоге с помощью:

$dir = '/subdirectory';
$videoFileNames = scandir($dir);
// $videoFilesNames[0-...] is now the file names you can use to create the HTML

В JQueryВы можете начать видео с:

 $('#videoId').get(0).play();

Поймать обратный вызов с:

$("#videoId").bind("ended", function() {
   // ...
});