From 59e772076b6af1bcd81b30b2d203444f0b45e79b Mon Sep 17 00:00:00 2001 From: Dean Clatworthy Date: Thu, 13 Feb 2014 14:30:59 +0200 Subject: [PATCH 1/2] Fixed iPad issue where video won't play when switching from a poster to a video --- lib/bigvideo.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/lib/bigvideo.js b/lib/bigvideo.js index e7a9338..1a97719 100644 --- a/lib/bigvideo.js +++ b/lib/bigvideo.js @@ -204,7 +204,7 @@ function playVideo(source) { // clear image - $(vidEl).css('display','block'); + $(vidEl).addClass('bigvideo-show'); currMediaType = 'video'; player.src(source); isPlaying = true; @@ -221,8 +221,8 @@ }); doLoop = false; } - $('#big-video-image').css('display','none'); - $(vidEl).css('display','block'); + $('#big-video-image').removeClass('bigvideo-show'); + $(vidEl).addClass('bigvideo-show'); } function showPoster(source) { @@ -231,12 +231,12 @@ // hide video player.pause(); - $(vidEl).css('display','none'); + $(vidEl).removeClass('bigvideo-show'); $('#big-video-control-container').css('display','none'); // show image currMediaType = 'image'; - var bgImage = $(''); + var bgImage = $(''); wrap.append(bgImage); $('#big-video-image').imagesLoaded(function() { @@ -369,4 +369,4 @@ }; -}); \ No newline at end of file +}); From c54b66afed4be8ad721e625ca7a9f994ff29ea62 Mon Sep 17 00:00:00 2001 From: Dean Clatworthy Date: Thu, 13 Feb 2014 14:32:37 +0200 Subject: [PATCH 2/2] Added missing CSS --- css/bigvideo.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/css/bigvideo.css b/css/bigvideo.css index a408bf8..2541b64 100755 --- a/css/bigvideo.css +++ b/css/bigvideo.css @@ -19,4 +19,12 @@ #big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;} #big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;} .transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} -.vjs-big-play-button{display:none !important;} \ No newline at end of file +.vjs-big-play-button{display:none !important;} +#big-video-vid, +#big-video-image { + opacity: 0; +} +#big-video-vid.showit, +#big-video-image.showit { + opacity: 1; +}