Embed Media

[+RevengeFNF]

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]

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

[+RevengeFNF]

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]

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]

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

[+Arai]

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]

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]

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]

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]

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

[+Arai]

<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]

In the "Media Replacement Type" its selected Photo?

[+Arai]

it's set to video

everything is set at default so far I know

Problem fixed when I changed video to photo,  weird

[+RevengeFNF]

Change it to photo. Thats the problem. 

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

[+Arai]

@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]

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

[+RevengeFNF]

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

[+Arai]

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]

No, nothing?

[+Lukeroge]

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

[+Arai]

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]

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

[+ArchLinux]

Amazing, thank you!

 Mixcloud ? :)

[LukasGr.]

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

The rest is quite working as I would assume. 

[+Vianney Gantelmi]

Hello !

Thank you for your plugins !

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

 

What's wrong ?

Thanks !