Jump to content

Embed Media

Featured Replies

Posted

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.

 

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

  • Author

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 ;)

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 by Arai
version

  • Author

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

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 by Arai

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? :) 

  • Author

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:

Captura%20de%20tela%202015-06-30%2023.36

Have you tried with the default skin?

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 by Arai

  • Author

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

<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 by Arai

  • Author

In the "Media Replacement Type" its selected Photo?

it's set to video

3rftCIN.png

everything is set at default so far I know

Problem fixed when I changed video to photo,  weird

  • Author

Change it to photo. Thats the problem. 

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

  • 3 weeks later...

@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).

xoAZKQ9.png

 

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

  • Author

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

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 by Arai

No, nothing?

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

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.

  • 1 month later...

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

  • 1 month later...

Amazing, thank you!

 Mixcloud ? :)

  • 1 month later...

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

The rest is quite working as I would assume. 

  • 9 months later...

Hello !

Thank you for your plugins !

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

Forum - Modifications et ajout - Page 2 - Actualités de Désert Noir - Désert Noir - Communauté RP sur BDO - Google Chrome.jpg

Forum - Modifications et ajout - Page 2 - Actualités de Désert Noir - Désert Noir - Communauté RP sur BDO - Google Chrome_2.jpg

 

What's wrong ?

Thanks !

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.