XF 1.5 Custom BB Code with file extension

[Jesepi]

I'm having an issue trying to implement a custom media bbcode to allow folks to directly load animations from the website imgur when the URL ends in .gifv. I am aware there is an add-on that does this - but I do not want to install an add-on to accomplish this.

I created the following:

Match URL

i.imgur.com/{$id:alphanum}.gifv

Embed HTML

<video poster="//i.imgur.com/{$id:alphanum}.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline>
                <source src="//i.imgur.com/{$id:alphanum}.webm" type="video/webm">
                <source src="//i.imgur.com/{$id:alphanum}.mp4" type="video/mp4">
</video>

If I edit the above example to an exact match of a working URL it loads correctly, but when I add the "id" portion it does not load. Looking at the source, it shows {$id:alphanum} instead of the custom part of the url

What am I missing/doing wrong?

My example is the following: http://i.imgur.com/viQHrVM.gifv

 

[Jake Bunce]

I always use a full URL for the match URL. And try using just {$id} in the embed HTML.

{$id:alphanum} should work fine in the match URL. Another option is to use regular expressions for more specific pattern matching. Here is an example:

https://xenforo.com/community/threads/add-more-video-sites-bb-code-media.7608/page-8#post-275009

An alphanumeric pattern would be this:

(?P<id>[a-z0-9]+)

 

[Jesepi]

The {$id} only in the embed HTML field did it.

So the end result is:

Match URL:

http://i.imgur.com/{$id:alphanum}.gifv
https://i.imgur.com/{$id:alphanum}.gifv

Embed HTML:

<video poster="https://i.imgur.com/{$id}.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline>
                <source src="//i.imgur.com/{$id}.webm" type="video/webm">
                <source src="//i.imgur.com/{$id}.mp4" type="video/mp4">
</video>

The above can only handle links to individual images, so I also added the following bb code media match for multi-image albums:

Match URL:

http://imgur.com/gallery/{$id:alphanum}
https://imgur.com/gallery/{$id:alphanum}

Embed HTML:

<iframe class="imgur-album" width="100%" height="550" frameborder="0" src="//imgur.com/a/{$id}/embed"></iframe>

Thank you for the help, much appreciated!