| Plugin InlineMedia |
Authors | Anyware Services |
Most recent version | 1.3.0 |
Tracking issues | |
Download | Lastest version |
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 url of video page on YouTube platform : http://www.youtube.com/watch?v=HilwtqaN4Gs
- 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 url of video page (or the permalink) on Dailymotion platform : http://www.dailymotion.com/video/x90hlx_la-panthere-rose-2-1-intro-malefiqu_videogames
- 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.x | 1.3.x |
Ametys 3.0.x |
|
| ||
Ametys 3.1.x |
|
| ||
Ametys 3.2.x |
|
| ||
| Ametys 3.3.x |
| |||
| Ametys 3.4.x |
|
Back to top