Plugin InlineMedia

Plugin InlineMedia
Extension to simply insert flash and YouTube or Dailymotion
videos in yours contents

Authors

Anyware Services

Most recent version

1.3.0

Tracking issues

https://issues.ametys.org/browse/INLINEMEDIA

Download

Lastest version 

  1. Presentation
  2. Screenshots

Presentation

This extension allows you to insert directly in your content :

  • flash media files uploaded from your hard drive or from resource explorer
  • videos from YouTube or Dailymotion platforms

Screenshots

User manual

Insert flash

In content edition, go to menu Insert -> Flash animation


You can choose if you want to insert a local file or a shared file.

Local file : select the flash on your drive

Shared file : select the flash animation in the resource explorer

In edition you can see :

Save the content, then you can see the flash animation on the page.

Insert YouTube video

In content edition, go to menu Insert -> External video -> YouTube video

In dialog box, enter :

  • The player width (default to 480)
  • The player height (default to 385)

Insert Dailymotion video

In content edition, go to menu Insert -> External video -> Dailymotion video


In dialog box, enter :

 

  • The player width (default to 480)
  • The player height (default to 385)

 

Installation and download

Download

Installation

  • Add the plugin JAR in the WEB-INF/lib directory of your Ametys application.
  • In the WEB-INF/param/cms-ribbon.xml file (v3.0) or in WEB-INF/param/cms-ribbon-[siteType].xml file(s) (v3.1+), you have to add the buttons and menu related to media insertion.

In the content edition tab, add the button of id org.ametys.inlinemedia.editor.Insert.flash and the menu of id org.ametys.inlinemedia.editor.Insert.video

<group label="RIBBON_TABS_TAB_CONTENT_EDIT_GROUPS_GROUP_INSERT_LABEL" icon="">
	<large/>
	<medium>
		<control id="org.ametys.cms.edition.table.Insert"/>
		<layout align="top" size="small">
		        <control id="org.ametys.plugins.explorer.edition.images.Insert"/>
			<control id="org.ametys.inlinemedia.editor.Insert.flash"/>
			<control id="org.ametys.inlinemedia.editor.Insert.video"/>
		</layout>
		[...]
        </medium>
</group>

You also have to add the contextual tabs for flash edition. At the end of your file, add the following import (CMS 3.1+):

<!-- Inline Media -->
		<import>plugin:inlinemedia://cms-ribbon.xml</import>

On CMS 3.0, you have to open this file and add its content directly to your file.
You also have to copy corresponding i18n keys to the applications catalog (WEB-INF/i18n/application*.xml).

Integration


The flash animations can be floating using the CSS classes "floatleft" and "floatright". You have to manage theses classes in your skin.
As these classes are already existing on images, you can use the following code

.mceContentBody img.floatleft,
.floatleft {
	float: left;
	margin: 0px;
	margin-right: 10px;
}

.mceContentBody img.floatright,
.floatright {
	float: right;
	margin: 0px;
	margin-left: 10px;
}

Compatibility

Plugin version

1.0.x

1.1.x

1.2.x1.3.x

Ametys 3.0.x

 

 

  

Ametys 3.1.x

  

Ametys 3.2.x

  
Ametys 3.3.x  

 
Ametys 3.4.x