jquery et changer html 5 source vidéo sur clic

Question

Je sais que cela a déjà été demandé, mais pour une raison quelconque, cette stratégie ne semble pas fonctionner pour moi.

ceci est mon code:

$(document).ready(function() { 
     $('#foo').click(function() { 
     var videoFile = 'video/law_cash.mp4'; 
     $('#video_container video source').attr('src', videoFile); 
     }); 
    }); 

la fonction de clic fonctionne et aussi quand je vérifie dans Firebug la vidéo/law_cash.mp4 apparaît dans la zone de droite. Il veut tout simplement pas de charge lorsque je clique

EDIT: c'est ce que im en train d'essayer de le faire:

$(document).ready(function() { 

    var knicks = 'video/knicks_therapist.m4v'; 
     law = 'video/law_cash.mp4'; 
     fit = 'video/fit_some.mp4'; 
     texas = 'video/texas_familia.mp4'; 
     partner = 'video/drug.m4v'; 
     keyspan = 'video/keyspan_nrg.mov'; 

    $('#law').click(function() { 
     $('#video_container video source').attr('src', law); 
     $('#video_container video source').load(); 
    }); 

    $('#knicks').click(function() { 
     $('#video_container video source').attr('src', knicks); 
     $('#video_container video source').load(); 
    }); 

    $('#fit').click(function() { 
     $('#video_container video source').attr('src', fit); 
     $('#video_container video source').load(); 
    }); 

    $('#texas').click(function() { 
     $('#video_container video source').attr('src', texas); 
     $('#video_container video source').load(); 
    }); 

    $('#partner').click(function() { 
     $('#video_container video source').attr('src', partner); 
     $('#video_container video source').load(); 
    }); 

    $('#keyspan').click(function() { 
     $('#video_container video source').attr('src', keyspan); 
     $('#video_container video source').load(); 
    }); 
}); 

html:

<a id="law" href="#">BLAH</a> 

Answer 1

Firefox ne prend pas en charge MPEG formats audio/vidéo .. Ne sais pas pourquoi.

EDIT: Si vous avez un événement onerror enregistré alors il mettrait le feu, et l'objet error de l'élément vidéo vous dira MEDIA_ERR_SRC_NOT_SUPPORTED

Answer 2

utiliser simplement javascript

video.src = 'new/url/video.ogv'; 
video.load(); // Load the new video 
video.play(); // Play it 

Answer 3

Dans l'exemple original, je crois que le extrait de code pour charger la vidéo doit être

$('#video_container video').load(); 

(sans étiquette « source » après étiquette « vidéo »)