jwplayer en fancybox no se reproduce en ipad / iphone
Estoy usando el siguiente código pero los videos no se reproducirán con jwplayer dentro de fancybox en iOS (ipad / iphone) ... funciona bien de lo contrario. Aprecio que iOS no maneje flash, pero no estoy seguro de cómo modificar este código para proporcionar el respaldo de html5 ...
<script type="text/javascript" src="scripts/jwplayer/html5/jwplayer.html5.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".video_popup").fancybox({
fitToView: false, // to show videos in their own size
content: '<span></span>', // create temp content
scrolling: 'no', // don't show scrolling bars in fancybox
afterLoad: function () {
// get dimensions from data attributes
var $width = $(this.element).data('width');
var $height = $(this.element).data('height');
// replace temp content
this.content = "<embed src='scripts/jwplayer/player.swf?file=" + this.href + "&autostart=true&wmode=opaque' type='application/x-shockwave-flash' width='" + $width + "' height='" + $height + "'></embed>";
}
});