s9e Media BBCodes pack

s9e Media BBCodes pack 20231102

No permission to download
Overview FAQ Updates (315) Reviews (80) History Discussion
JoshyPHP said:
If you can describe the exact steps required to reproduce that behaviour, I'll look into it.
Click to expand...
All I actually did was install the s9e Media BBCode pack into Xenforo, and it just happened after that. I also forgot to mention that this is the regular page of the XenGallery images.

I'm guessing it's the responsive padding thingy that's causing this to happen:
Code: 
overflow:hidden;position:relative;padding-bottom:56.25%

I tried removing that line (which was inside the s9e embedded and right before the iframe code) through inspect element and it basically went back to normal (see attachment below).
 

Attachments

  • upload_2016-5-3_8-47-25.webp
    upload_2016-5-3_8-47-25.webp
    49.7 KB · Views: 6
That's really the "it just happened" part that I need to know more about. What URL did you use? What device is this? What browser is this? When I test YouTube videos in my test gallery they appear fine.
 
JoshyPHP said:
That's really the "it just happened" part that I need to know more about. What URL did you use? What device is this? What browser is this? When I test YouTube videos in my test gallery they appear fine.
Click to expand...
Woops, my bad. I forgot to mention that this is visible on the XenGallery images' regular page or what it is officially called. It can be accessed inside the image overlay, beside where the author and comments section are located (it can also be accessed by entering the viewed content's direct link):
upload_2016-5-4_22-6-56.webp

As for devices and browsers, from what I tested, it seems to also appear on all kinds of devices and browsers.

If my explanation is still hard to understand, I'll just provide a direct link to what I'm referring to :)
 
@Soup I still need the URL of the video you added to your gallery so that I can test whether I can reproduce it locally. I also still need to know which device you used. I still have no information whatsoever.
 
@Soup This is an issue with the style which defines a big padding at the bottom. You can remove it by adding this to your EXTRA.css. This will also set the video to use the full width.

Code: 
.pwPhoto.video {
    padding-bottom: 0 !important;
    margin-bottom:  0 !important;
}
.pwPhoto.video>[data-s9e-mediaembed] {
    max-width: 100% !important;
}

I assume that there's a reason a big padding was added so removing it may have side effects. I'm tagging @sonnb and @Russ because I don't know which of XenGallery or Flat Awesome + adds the padding rule. And since both are paid extensions, I can't download them to find out.
 
@JoshyPHP, thank you very much! :D

And as to what @Russ said, it's definitely not the style that's causing the extra padding since it also appears on the default and any other styles that I tried to use
 
@JoshyPHP.

Code: 
ErrorException: Division by zero - library/s9e/MediaBBCodes.php:1188
When the user posted this link:
http://www.gettyimages.com/detail/video/shots-from-different-angles-of-battleship-uss-kentucky-news-footage/515356590

Possibly due to the old version (20160212)

:edit: updated to latest, still broken.
 
@Xon I'm going to publish a hotfix that prevents this error from happening. Getty doesn't support embedding videos, only photos, and that causes some issues.

The embed will still be invalid but it won't generate any PHP errors anymore. I'll publish another update later that will prevent those unsupported URLs from being incorrectly embedded.
 
Last edited:
  • Like
Reactions: Xon
Would it be possible to give users an option to either auto embed the media links or not? A lot of my members who are mobile said they're having a hard time browsing when this addon is turned on because Youtube/Instagram are getting too big sometimes.
 
Blast said:
Would it be possible to give users an option to either auto embed the media links or not?
Click to expand...

Not really, or at least if it exists then I'm not aware of it. Whenever someone posts a URL, it is replaced with a MEDIA BBCode if you have the autoEmbedMedia option enabled. The original link is irremediably lost unless you selected the "add a link to the content within this BB code" option. What you could do is enable the option that adds a link and offer a style with a CSS rule that blocks embedded content from being displayed. Maybe something like that:
Code: 
@media (max-width: 600px) {
  [data-s9e-mediaembed] {
    display: none !important;
  }
}

With that said, the YouTube embed as well as most others are meant to be responsive so they shouldn't really ever be too big. Note that you can use the same kind of CSS media query to set a max-width constraint.
 
JoshyPHP said:
Not really, or at least if it exists then I'm not aware of it. Whenever someone posts a URL, it is replaced with a MEDIA BBCode if you have the autoEmbedMedia option enabled. The original link is irremediably lost unless you selected the "add a link to the content within this BB code" option. What you could do is enable the option that adds a link and offer a style with a CSS rule that blocks embedded content from being displayed. Maybe something like that:
Code: 
@media (max-width: 600px) {
  [data-s9e-mediaembed] {
    display: none !important;
  }
}

With that said, the YouTube embed as well as most others are meant to be responsive so they shouldn't really ever be too big. Note that you can use the same kind of CSS media query to set a max-width constraint.
Click to expand...
Thanks. That worked.
 
Facebook video in the media gallery look oddly sizedcompared to Youtube, does that have anything to do with this add on or its settings?

see Youtube - first one then Facebook.


Youtube
Screen Shot 2016-05-13 at 7.39.29 PM.webp

Facebook

Screen Shot 2016-05-13 at 7.37.47 PM.webp
 
You must log in or register to reply here.

Similar threads

JoshyPHP
s9e Media Sites
126 127 128
Replies
3K
Views
149K
JoshyPHP
JoshyPHP
Back
Top Bottom