Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Hello,
I'm loading content with video using Drupal 7 AJAX Framework.
In the FF and Chrome all working as expected.
But in the IE all added video.js elements come unstyled.
It appears, that something wrong with injected style definition in the head tag:
the first item in the head is empty DIV
and then
Thank you!
Comment | File | Size | Author |
---|---|---|---|
#4 | playbutton.jpg | 14.38 KB | nicolant |
Comments
Comment #1
Jorrit CreditAttribution: Jorrit commentedCould you give me steps to reproduce this? How are you invoking Video.js using AJAX? Can I see this behavior on an internet site?
Comment #2
nicolant CreditAttribution: nicolant commentedSorry for delay.
You can see it in action: http://nciolant.co.cc
Video.js seems to invoke automatically. I load content via custom module:
Comment #3
Jorrit CreditAttribution: Jorrit commentedThis seems to be a Drupal Ajax / IE issue (#1071818: Lazy-loading CSS fails in IE, #1031600: AJAX requests cause duplicate, invalid CSS includes and multi-nested response data output).
My recommendation is to add videojs_add(); to the page that contains the link. It is less optimal than including the js and css only when the view is opened, but it should work around this issue.
Comment #4
nicolant CreditAttribution: nicolant commentedThank you. After I've added videojs_add():
, it looks almost goot in IE9, except slightly weird layering of images:
.
But in IE7 and IE8 (IETester), only big play button is visible, and it isn't respond to mouse clicks...
Comment #5
Jorrit CreditAttribution: Jorrit commentedThese seem to be Video.js issues. Perhaps you can post them at http://videojs.com/. I think that you will get a more accurate response there. I think Video.js hasn't been tested with this Ajax scenario yet. When I look into the IE console log (F12), there are some errors related to Flash not having a source parameter.
Comment #6
Jorrit CreditAttribution: Jorrit commentedComment #6.0
Jorrit CreditAttribution: Jorrit commentedJust for being more polite :-)