mediaWrapper

Analog to Social Share Privacy mediaWrapper provides a way to prevent visitors' data being sent to third party websites without their explicit interaction. Instead of directly loading a media player from e.g. youtube.com, visitors see a image with a "play" icon on it. If they click this image, the player from the third party is loaded.

To do so a filter is added, that replaces [media]-Tags with some jQuery based script and a html fallback for client that have Javascript disabled. The filter can be enabled for individual content formats. It has to be run after the html corrector filter, otherwise clients with disable javascript will see a nasty (but working) link to the embedded media.

Nativly supported are http://www.youtube.com/, www.jamendo.com/, http://bandcamp.com/,
http://vimeo.com and http://soundcloud.com/.

There is also support for oembed in a separate module. If it is enabled you can add media from more than 50 different video providers. Most of them have not been tested, but if one doesn't work, just open a ticket. You can also configure the width of the block that display the actual content. In native mode there are fix presets. If you create an account at embedly, you can add your key in the module's configuration.

Usage (oembed)

Pretty straight forward. Just take the url of the content you want to embed and paste it between media-tags:

  [media]http://www.youtube.com/watch?v=iqgMtlf46UY[/media]

Usage (native)

YouTube, Vimeo, Jamendo

Pretty straight forward:

  [media]http://www.youtube.com/watch?v=iqgMtlf46UY[/media]

This way works similar for jamendo and vimeo.

[media]http://vimeo.com/26717222[/media]

[media]http://www.jamendo.com/de/album/90059[/media]

Soundcloud:

For Soundcloud you can use the embed-code. You can get it the the site of the content you want to embed. It should look like this:

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F41424237&show_artwork=true"></iframe></iframe>

To provide a link for non JavaScript clients, a link-Attribute can be provided. Otherwise a click will directly load the player, which looks not very nice that way.

Use the url found in the:

[media link="http://soundcloud.com/musique-it/professor-kliq-elephantitis"]<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F41424237&show_artwork=true"></iframe>[/media]

Bandcamp:

For Bandcamp just copy the complede embedcode. You can get it the the site of the content you want to embed. It should look like this:

<iframe width="400" height="100" style="position: relative; display: block; width: 400px; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=1005390724/size=venti/bgcol=FFFFFF/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://rusconi.bandcamp.com/album/revolution">Revolution by RUSCONI</a></iframe>

Paste the iframe code between the media tags:

[media]<iframe width="400" height="100" style="position: relative; display: block; width: 400px; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=1005390724/size=venti/bgcol=FFFFFF/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://rusconi.bandcamp.com/album/revolution">Revolution by RUSCONI</a></iframe>[/media]

Customization

You can add an id-attribute for formatting via css. If no id-tag is used, a md5-sum is generated based on the url of the content to embed and used as id.