Plugin jQuery e Bootstrap para slide show com vídeo (youtube e vimeo)

Bom pessoal, precisei de um plugin que execute vídeos em forma de slide, quando o slide chega no vídeo ele executa automaticamente e quando o vídeo termina ele segue para o próximo slide. Simples, mas não encontrei, então fiz um usando jQuery, Bootstrap e as APIs do Vimeo e do Youtube.

DEMO

DOWNLOAD

Como o nome e a pequena descrição acima já dizem, este plugin serve para manipular o carousel do Bootstrap de forma dinâmica, além de possibilitar a execução de vídeos do Youtube ou do Vimeo. Quando o slide onde está o vídeo aparece o vídeo inicia automaticamente, e no fim dele o slide passa sozinho.

Usando

Primeiro você precisa incluir a biblioteca jQuery, e o Bootstrap, e depois o arquivo bootstrap-dynamic-carousel.js.

var slide = $('#carousel').bootstrapDynamicCarousel({
	indicators: false
});

A biblioteca aceita alguns parametros na sua instancia, são eles:

addItem(options)

Este método serve para adicionar um novo item ao carousel, como o nome sugere. Você pode inserir imagens ou vídeos passando nos parametros o tipos e outros dados importantes, veja abaixo a lista de parametros:

Veja abaixo exemplos de como adicionar items:

//Criando elemento
var slide = $('#carousel').bootstrapDynamicCarousel({
	indicators: false
});
	
//Adicionando imagens
slide.addItem({
	id: 'myID',
	type: 'image',
	url: 'https://clubedosgeeks.com.br/wp-content/uploads/2015/11/dynamic.fw_-1270x7931-720x340.png',
	href: 'https://clubedosgeeks.com.br/web-design/jquery/abas-dinamicas-com-boostrap-abrir-fechar-e-arrastar',
	caption: 'Plugin to add, remove and move Bootstrap tabs',
	captionTag: 'h3',
	active: true
});

//Adicionando vídeo do youtube
slide.addItem({
	type: 'youtube',
	url: 'https://www.youtube.com/watch?v=uWPMevZbn-s'
});
	
//adicionando vídeo do VIMEO
slide.addItem({
	type: 'vimeo',
	url: 'https://vimeo.com/76979871'
});

removeById(itemid)

Método para remover itens do carousel pelo id do item, para usar este método é importante informar o id do item ao adicionar. Veja a forma de usar:

    slide.removeById('myID');