vBulletin 5 Request - GifV BBCode help?

[jkotlowski]

Hi, I've got some members that want me to add a GifV BBcode to the site.

I've gotten a way to use gifV files, but there's an odd quirk.

http://i.imgur.com/zvATqgs.gifv

The .gifv has to be replaced with .webm in order for it to show. Which is a bit inconvenient for my users.

<video autoplay loop muted>
<source src="{param}" type="video/webm">
<source src="{param}" type="video/mp4">
</video>

This is the code I've found to work. Any idea on how to get it to work without having to use a .webm extension?

--------------- Added [DATE]1462414631[/DATE] at [TIME]1462414631[/TIME] ---------------

Also... If there's a way to automatically resize them if they're too big? A guy just used the above code to post a webM file on my site that was way, way too large.

[Kane@airrifle]

Got this working on a VB4 board...

PHP Code:

<video poster="//i.imgur.com/DGLfkZg.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline="" style="max-width: 100%; height: auto;">
  <source src="//i.imgur.com/DGLfkZg.webm" type="video/webm">
  <source src="//i.imgur.com/DGLfkZg.mp4" type="video/mp4">
</video> 


PHP Code:

Usage:
[gifv]zvATqgs[/gifv] 


[jkotlowski]

Originally Posted by Kane@airrifle

Got this working on a VB4 board...

PHP Code:

<video poster="//i.imgur.com/DGLfkZg.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline="" style="max-width: 100%; height: auto;">
  <source src="//i.imgur.com/DGLfkZg.webm" type="video/webm">
  <source src="//i.imgur.com/DGLfkZg.mp4" type="video/mp4">
</video> 


PHP Code:

Usage:
[gifv]zvATqgs[/gifv] 


Thanks! That code specifically, just replaced any image with a gifv of John Travolta. But by replacing portions of the code with {param} I was able to get it working, and with a full URL instead of just the code. So thanks again!

[Abominus]

Could you tell me where to put what to get GIFVs working in my vBulletin 4 board?