I hope you can bring me some light to my problem.

Recently I've made my first web, and there is a section with video files. I use to load the videos a lateral menu with a jquiery script where first of all, video tag is cleaned up with .empty(), and then the structure necesary of the video clicked is created into it with an .append()

It works fine on every browser as usual, but in IE9 the videos never load neither the code is created.

Here you have the website:
Grupo Piatti - Musica para Bodas y Eventos

And here is the script:

2. $(document).ready(inicia)
3. function inicia() {
4. $("#botoneravideo li").click(cargavideo)
5. }
6. function cargavideo() {
7. title=$(this).attr('title')
8. video1='"video/'+title+'H264.mp4"'
9. video2='"video/'+title+'WebM.webm"'
10. video3='"video/'+title+'Theora.ogv"'
11. $("#videocontainer").empty()
12. $("#videocontainer").append('<source src='+video1+'type="video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"">')
13. $("#videocontainer").append('<source src='+video2+'type="video/webm; codecs=\"vp8, vorbis\"">')
14. $("#videocontainer").append('<source src='+video3+'type="video/ogg; codecs=\"theora, vorbis\"">').load()
15. }

Just one point, I use HTML5 on the structure so, to force IE8 compatibility is not possible.

THANKS A LOT!!!