I created a Youtube video gallery using video embedded field module (to put my Youtube url) and colorbox module to create a nice overlay pop up.

I have created the gallery grid with views. Everything works perfectly on all browsers except Internet Explorer 8-9-10.

When I try to close the video by clicking on the overlay area or the close button , the video closes but its sound keeps playing on the background.

Any idea why it does this on Internet Explorer?

Thanks.

Comments

alna84’s picture

alna84 commented
Component: Code » User interface
Status: Needs work » Active
steven.wichers’s picture

steven.wichers commented

I ran into this issue as well. It is caused by a bug with how IE handles iframes.

https://groups.google.com/forum/?fromgroups#!topic/youtube-api-gdata/2Jc...

I have created this JS snippet that seems to provide a suitable workaround.

(function ($) {

  Drupal.behaviors.fix_colorbox_video = {

    attach: function (context, settings) {

      $('body')
        .once('fix-colorbox-video', function () {

          $(document).bind('cbox_cleanup', function (e) {

            $('div#cboxLoadedContent iframe', this).attr('src', '');
          });
        });
    }
  };
})(jQuery);

It seems to work without issue in my testing.

dave.erwin’s picture

dave.erwin commented
Issue summary: View changes

ran into the same issue, code in #2 worked for me, thanks!

flutterstack’s picture

flutterstack commented

I had same issue for swf file google chrome version less than 62 version. swf was playing in even after closing colorbox. For me issue was css written in our custom theme. css was unused anywhere but still it was throwing the error.

Remove custom css and js and test once if issue resloved then try to identify which styles are giving the problem.

neslee canil pinto’s picture

neslee canil pinto
he/him
Primary language English
commented
Status: Active » Closed (cannot reproduce)
miguelbraga’s picture

miguelbraga commented

It's 2020 and I'm having this issue. Also if I have, as an example, 2 videos, the former will keep playing even if I transition to the second.
Happens in all browsers! Is there a fix?