s9e Media BBCodes pack

s9e Media BBCodes pack 20231102

No permission to download
I don't think it's possible to embed anything from this page/site.



That page is trying to assassinate me with talking popups every time I click on anything. :( I'm going to have to pass on this one, sorry.

If you look up XenForo's media site tutorial, you may be able to add it for yourself. If you want to commission it as a paid job, you can send me a pm and I'll look into making a custom add-on for it.

I have days trying to find a way to put videos openload by the board but do not get it , we appreciate it if you could help
 
Amazon Kindle Books now have embed code support.

Example Link:
Code:
http://www.amazon.com/gp/product/B007HC3LHS/

Embed Code:
Code:
<iframe style="max-width: 100%;" src="https://read.amazon.com/kp/card?asin=B007HC3LHS" width="336" height="550" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Would be nice if you could add the Amazon tag to the code as well. It's supported! Cheers.
 
Can't uninstall no matter what I do. When I go to uninstall I get this message. Its the latest Xenforo and this plug-in. There seems to be no way for me to get past this. Is there a way of removing this using sql?:


REPLACE INTO xf_bb_code_media_site
(media_site_id, site_title, site_url, match_urls, embed_html, match_is_regex)
VALUES
('facebook', 'Facebook', 'http://www.facebook.com', 'facebook.com/*video.php?v={$id:digits}\nfacebook.com/*photo.php?v={$id:digits}\nfacebook.com/*/videos/{$id:digits}', '<div class="fb-video" data-href="https://www.facebook.com/video.php?v={$id}" data-width="500"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/video.php?v={$id}">https://www.facebook.com/video.php?v={$id}</a></div></div>', 0),
('vimeo', 'Vimeo', 'http://www.vimeo.com', 'vimeo.com/{$id:digits}\nvimeo.com/groups/*/videos/{$id:digits}', '<iframe src="https://player.vimeo.com/video/{$id}" width="500" height="300" frameborder="0"></iframe>', 0),
('youtube', 'YouTube', 'http://www.youtube.com', 'youtube.com/watch?v={$id}\nyoutube.com/watch?*&v={$id}\nyoutube.com/v/{$id}\nyoutu.be/{$id}\nyoutube.com/*/u/*/{$id}\nyoutube.com/embed/{$id}', '<iframe width="500" height="300" src="https://www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe>', 0),
('metacafe', 'Metacafe', 'http://www.metacafe.com', '#metacafe\\.com/watch/(?P<id>[a-z0-9-]+)(/|$)#siU', '<iframe src="http://www.metacafe.com/embed/{$id}/" width="500" height="300" allowFullScreen frameborder=0></iframe>', 1),
('dailymotion', 'Dailymotion', 'http://www.dailymotion.com', 'dailymotion.com/video/{$id:alphanum}', '<iframe frameborder="0" width="500" height="300" src="https://www.dailymotion.com/embed/video/{$id}?width=500&hideInfos=1"></iframe>', 0),
('liveleak', 'Liveleak', 'http://www.liveleak.com', 'liveleak.com/view?i={$id}', '<iframe width="500" height="300" src="http://www.liveleak.com/ll_embed?i={$id}" frameborder="0" allowfullscreen></iframe>', 0)
 
Last edited:
Last edited:
@OperaManiac Apparently there's been a change on GitHub pages that prevent them from being included in iframes. It instantly broke a few media site such as Google+, Twitter or Facebook. I've already contacted GitHub to see if we can unbreak them and I'm going to issue an update with a workaround until I know more about it.

By the way, I forgot to reply to your previous post about Amazon. I looked into it but I don't see a way to differentiate those URLs from other product URLs. I think it would be best to create a custom BBCode for it.
 
Thanks! Any reason why you are not including everything in the download package for the product to work? I did see references to the GitHub domain in the source code.
 
Thanks! Any reason why you are not including everything in the download package for the product to work? I did see references to the GitHub domain in the source code.

Originally, the site definitions are meant to work on their own; They shouldn't require any other assets. Those few media sites require third-party iframes because the original sites don't provide iframes themselves. I could look into bundling those pages with the add-on and serve them from the same server but that would make a bunch of things more complicated for me and it also have some security implications.
 
There's a rule in your stylesheet that limits the size of the quote block. You can edit it or remove it in your admin panel if you search for "bbCodeQuoteMaxHeight".
This doesn't work.

bb_code.css has the following CSS which is applying a max-height regardless resulting in truncation.
Code:
 .bbCodeQuote iframe,
 .bbCodeQuote .fb_iframe_widget,
 .bbCodeQuote object,
 .bbCodeQuote embed
 {
 max-width: 200px;
 max-height: 150px;
 }
 
bb_code.css has the following CSS which is applying a max-height regardless resulting in truncation.

Then I guess you remove that one too, right? Personally I think it's a good idea to limit the size of embedded content in quotes, that's why I'm fine with XenForo's default style but if you want to see them in full then you can always edit your stylesheet.
 
Then I guess you remove that one too, right? Personally I think it's a good idea to limit the size of embedded content in quotes, that's why I'm fine with XenForo's default style but if you want to see them in full then you can always edit your stylesheet.
Doing a bit more digging, it looks like something like XenForo checkQuoteSizing javascript needs to be executed when the iframe's contents load to integrate the 'Click to Expand' functionality.

My desire is to have your iframe-based embeds behave like standard XenForo quoted content so users can use the 'Click to Expand" functionality to view the entire content rather than having it truncated.

I've had a quick look, and will submit a pull-request later to implementing this since it should be straightforward to implement.
 
Doing a bit more digging, it looks like something like XenForo checkQuoteSizing javascript needs to be executed when the iframe's contents load to integrate the 'Click to Expand' functionality.

Oh, ok. I noticed the "Click to expand" thing wasn't there but I thought it was disabled on your board. I'll look into it later.

My desire is to have your iframe-based embeds behave like standard XenForo quoted content

I'm not extremely familiar with the default behaviour, how does it differ from this add-on's? Perhaps it can be solved with a different max-height that targets elements with a data-s9e-mediaembed attribute?
 
Oh, ok. I noticed the "Click to expand" thing wasn't there but I thought it was disabled on your board. I'll look into it later.
There is a user option for the weird members who like it disabled :p But is normally enabled.

I'm not extremely familiar with the default behaviour, how does it differ from this add-on's? Perhaps it can be solved with a different max-height that targets elements with a data-s9e-mediaembed attribute?
There are two parts:
  • Disable the max-height for elements with the data-s9e-mediaembed attribute.
  • When the iframe height is finally pushed to the parent page, add/remove the quoteCut class if the quote would be cut off (aka re-implement parts of checkQuoteSizing.checkHeight function).

The relevant part of checkHeight is:
Code:
var $self = $(self),
    quote = $self.find('.quote')[0];
...
// +1 resolves a chrome rounding issue
if (quote.scrollHeight > quote.offsetHeight + 1)
{
    $self.find('.quoteExpand').addClass('quoteCut');
}
else
{
    $self.find('.quoteExpand').removeClass('quoteCut');
}
Where $self is the containing quote.
 
Last edited:
Not sure if it has anything to do with the newest upgrade which I just did and noticed this in the media gallery for instagram videos.

Screen Shot 2016-01-13 at 5.55.01 AM.webp
 
Top Bottom