Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alexandre Bandeira

video_player - Não funciona em algumas maquinas

Recommended Posts

Oi Pessoal, estou desenvolvendo um sistema para passar videos. estou usando o código:


	<script>	
		var video_player = document.getElementById("video_player");
	
		video = video_player.getElementsByTagName("video")[0],
	
		video_links = video_player.getElementsByTagName("figcaption")[0],
	
		source = video.getElementsByTagName("source"),
	
		link_list = [],
		
		vidDir = "/require/videos/acadecade/",
		
		currentVid = 0,
	
		allLnks = video_links.children,
		
		lnkNum = allLnks.length;
		
		video.removeAttribute("controls");
		
		video.removeAttribute("poster");
	
	(function() {
		function playVid(index) {
		 video_links.children[index].classList.add("currentvid");

		    source[1].src = vidDir + link_list[index] + ".webm";
			
		    currentVid = index;
		    
		    video.load();
			video.play();
		}

	for (var i=0; i<lnkNum; i++) {
		var filename = allLnks[i].href;

		link_list[i] = filename.match(/([^\/]+)(?=\.\w+$)/)[0];
		(function(index){
		        allLnks[i].onclick = function(i){
		        i.preventDefault();  
				for (var i=0; i<lnkNum; i++) {
				allLnks[i].classList.remove("currentvid");
				}
				playVid(index);
		        }    
		    })(i);
	}
	
	video.addEventListener('ended', function () {
	    allLnks[currentVid].classList.remove("currentvid");
	    if ((currentVid + 1) >= lnkNum) { nextVid = 0 } else { nextVid = currentVid+1 }
	    playVid(nextVid);
	})

	video.addEventListener('mouseenter', function() {
	    video.setAttribute("controls","false");
	})

	video.addEventListener('mouseleave', function() {
	    video.removeAttribute("controls");
	})

	var indexOf = function(needle) {
	    if(typeof Array.prototype.indexOf === 'function') {
	        indexOf = Array.prototype.indexOf;
	    } else {
	        indexOf = function(needle) {
	            var i = -1, index = -1;
				for(i = 0; i < this.length; i++) {
	                if(this[i] === needle) {
	                    index = i;
	                    break;
	                }}
	            return index;
	        };}
	    return indexOf.call(this, needle);
	};
	
 	var focusedLink = document.activeElement;
 	index = indexOf.call(allLnks, focusedLink);
	 	
	document.addEventListener('keydown', function(e) {
	if (index) {
		var focusedElement = document.activeElement;
	    if (e.keyCode == 40 || e.keyCode == 39) { // down or right cursor
	    var nextNode = focusedElement.nextElementSibling;
	    if (nextNode) { nextNode.focus(); } else { video_links.firstElementChild.focus(); }
	    }
	   if (e.keyCode == 38 || e.keyCode == 37) { // up or left cursor
	    var previousNode = focusedElement.previousElementSibling;
	    if (previousNode) { previousNode.focus(); } else { video_links.lastElementChild.focus(); }
	    }
	 }
	});

	})();
	</script>	

Funciona beleza em algumas máquinas, em outras mostra a msg: "não ha nenhum vídeo formato ou tipo MIME suportados".

E com isso os vídeo não abrem.

 

Como Faço para resolver este problema?

 

Grato pela atenção. Aguardo por uma ajuda.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.