# html5 multi src javascript

**URL:** <https://forum.kirupa.com/t/html5-multi-src-javascript/318093>\
**Category:** web dev\
**Created:** [January 10, 2011, 3:46pm UTC](https://forum.kirupa.com/t/html5-multi-src-javascript/318093 "2011-01-10T15:46:06Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![simply](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@simply](https://forum.kirupa.com/u/simply)\
**Post date:** [January 10, 2011, 3:46pm UTC](https://forum.kirupa.com/t/html5-multi-src-javascript/318093/1 "2011-01-10T15:46:06Z")

</div>

hi guys,

im trying to get javascript choose a suitable src for the browser but i cant seem to get it to work.

## this is what i have.

$(document).ready(function(){

```
$('#slideMenu img').click (function(){

	var sourceMp4 = $('#mp4');
	var sourceOgv = $('#ogv');
	
	var	img = $(this);
	
	var mp4 = img.attr('data-mp4');
	var ogv = img.attr('data-ogv');
	
	//sourceMp4.attr('src', mp4);
	//sourceOgv.attr('src', ogv);
	
	var vid = $('video').get(0);
	vid.src = mp4;
	vid.load();
	vid.play();
    
    
});

```

});

* * *

any ideas? please?

thx in advance…