Embed Media

[+RevengeFNF 1,325]

About This File

This file will embed the following services to your board:

• Imgur(gifv, gif, images, albums)
• Kickstarter
• Reddit
• Sapo Videos
• Streamable
• Twitch
• Vid.me
• Steam

Requirements:

Install Media Tags app from @icedream: 
https://community.invisionpower.com/files/file/7509-media-tags/

How to Install:

1. Upload oembedsrv.xml to OEmbed Services
2. Upload mediatag.xml to Media Tags
3. Upload iframebase.xml to Allowed IFrames Base

Usage:

Simple paste the links in the editor. For imgur, you can't paste the direct link, like http://i.imgur.com/zvATqgs.gifv, you need to paste instead http://imgur.com/zvATqgs.

 

Link to Marketplace

[+SiLink 34]

Looks great, do you plan to add support for direct pasting of gifv? Also, is webm a possibility?

[+RevengeFNF 1,325]

There is no need. If you paste a link of a gif image from imgur it will automatically choose the best format your browser support. If you use a recent browser it will choose gifv

[+Arai 39]

I've installed everything and it's working great, amazing even (thank you for the tags).

Though I'm having an issue where there's a lot of space wasted when linking a Twitch video.

See: http://i.imgur.com/JerXwyN.png

Any idea how to fix it so that it uses minimum space? I'm on 4.0.9 by the way.

Edited June 30, 2015 by Arai
version

[+RevengeFNF 1,325]

I have Twitch blocked at work, i'll test it later. But if i remember, it was working fine in my site.

[+Arai 39]

Tested everything and they all work fine, except Twitch & Streamable (both have half a screen of unused space).

Streaming works nice and all, full-screen and everything, it just looks weird when looking at the page as a whole.

 

Edited June 30, 2015 by Arai

[+SiLink 34]

There is no need. If you paste a link of a gif image from imgur it will automatically choose the best format your browser support. If you use a recent browser it will choose gifv

Thanks, what about webm?  

[+RevengeFNF 1,325]

Tested everything and they all work fine, except Twitch & Streamable (both have half a screen of unused space).

Streaming works nice and all, full-screen and everything, it just looks weird when looking at the page as a whole.

 

Here its working fine:

Have you tried with the default skin?

[+Arai 39]

I am using the default skin and now version 4.0.9.1 even.

Tested on the latest Chrome and Firefox, it happens on both.

After pasting a link in the posting area and looking up the source code this is what it looks like (in case it matters).

 

<div class="ipsEmbeddedVideo" contenteditable="false"><div class="ipsEmbeddedVideo ipsEmbeddedVideo_limited" contenteditable="false"><div><iframe src="http://www.twitch.tv/pokercentral/embed" frameborder="0" scrolling="no" height="378" width="620"></iframe></div></div></div><p>&nbsp;</p>

 

Edited July 1, 2015 by Arai

[+RevengeFNF 1,325]

In the Media Tag app, can you open the Twitch one and post here the print?

[+Arai 39]

<div class="ipsEmbeddedVideo ipsEmbeddedVideo_limited" contenteditable="false"><div><iframe src="http://www.twitch.tv/$1/embed" frameborder="0" scrolling="no" height="378" width="620"></iframe></div></div>

if you mean system>site features>application, there's nothing to click. (i see that app installed and enabled, but no dropdown menu)

Edited July 1, 2015 by Arai

[+RevengeFNF 1,325]

In the "Media Replacement Type" its selected Photo?

[+Arai 39]

it's set to video

everything is set at default so far I know

Problem fixed when I changed video to photo,  weird

[+RevengeFNF 1,325]

Change it to photo. Thats the problem. 

It was you that changed to video, or it was that way?

[+Arai 39]

@RevengeFNF It was that way, the updated version sets it to Photo.

Is it possible to remove the frame/border in this image and let it use all the space instead of being in a "cage/box"?

It's not using the max space, hard to explain it (maybe the image helps).

 

[+Arai 39]

When I first type the url and it's embedded it looks normal, upon hitting refresh it looks like in the above screenshot.

[+RevengeFNF 1,325]

Its using the ipsEmbeddedVideo class. The layout format of the video is controled by that class.

[+Arai 39]

That didn't make me any wiser, sorry I'm not tech savvy.

Does that mean it can't be changed and if it could it would affect all other embeds?

Edited July 16, 2015 by Arai

[+Arai 39]

No, nothing?

[+Lukeroge 285]

He said it's using the same "style" as the default embedded videos, like YouTube. I believe.

[+Arai 39]

Seems to be a Pages thing, normal posts embed doesn't have it.

Was hoping there was a way to get rid of the border.

[+WOFman 256]

Everything except dailymotion seems to be working on my test site. 4.0.13

[+Dolphin. 149]

Amazing, thank you!

 Mixcloud ? :)

[LukasGr. 52]

I can't embed Twitch Videos (past broadcasts) - am I doing something wrong?? 

The rest is quite working as I would assume. 

[+Vianney Gantelmi 46]

Hello !

Thank you for your plugins !

When I try to embed a Twitch video here is what I get:

 

What's wrong ?

Thanks !