HTML5 video load() not working in Safari

[mart94]

Hi!

 

I've developed HTML5 video player with my own controls. On the right side I have playlist, if I click on <li> element, then new video will be loaded and it starts playing. Everything works fine in Firefox, Chrome, Opera, IE 9 but there is problem in Safari. Well, If I click on <li> element, then new video won't be loaded.

Code is located at http://martleib.com/projektid/elion_html5_videoplayer/ (You can view Source Code)

 

I quess, the problem is somewhere in "js/player.js" in

	$('.video_sidebar .overview li').click(function() {
	var mp4link = $(this).attr('mp4link');
	var webmlink = $(this).attr('webmlink');

	$("#html5-video-tag video")[0].pause();
	$("#html5-video-tag video #mp4").attr("src", mp4link);
	$("#html5-video-tag video #webm").attr("src", webmlink);

	$("#html5-video-tag video")[0].load();
	$("#html5-video-tag video")[0].play();

	$(".video_sidebar .overview li").css("background", "none");
	$(this).css("background-color", "#fff");
});

 

But when you visit link http://martleib.com/projektid/elion_html5_videoplayer/?id=1 (it simulates click on first <li> element in playlist) then video will be loaded and starts.

 

All the best

Mart L.