wikifab/simple-embed-video

There is no license information available for the latest version (1.2.2) of this package.

Mediawiki extension to integrate Video url from Youtube, vimeo, dailymotion, or others to come...

Installs: 2 817

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 3

Forks: 0

Open Issues: 0

Language:JavaScript

Type:mediawiki-extension

1.2.2 2019-05-31 09:28 UTC

This package is auto-updated.

Last update: 2024-04-06 19:33:44 UTC


README

Description :

This extension allow you to display a video with just its link and service (as Youtube, Vimeo and Dailymotion). The user has to choose with some buttons a service and then the link's field appears.

Installation

Firstly this extension requires PageForm and EmbedVideo, two Mediawiki's extensions.

Download and extract the extension in the "extension" repository of your project. Your extension repository name has to be : SimpleEmbedVideo.

Once it's done,find the file LocalSettings.php and write at the end :

wfLoadExtension( 'SimpleEmbedVideo' );

Use

Create the Semantic Properties

First, you need to create the following Semantic Properties:

  • TutoVideoService (Text)
  • TutoVideoURL (Text)

Create the Semantic Template

Then, you need to create a Semantic template (called "TutoVideo") with the following code:

<h3 class="VideoTitle">Vidéo d'introduction</h3>
<div class="allSizeScreenButton">
<span class="resizeButton smallButton"> </span>
<span class="resizeButton mediumButton"></span>
<span class="resizeButton largeButton"></span>
</div>
<div class="videoMainContainer">
<div class="videoContainer">
{{#ev:{{{TutoVideoService|}}} | {{{TutoVideoURL|}}} }}
</div>
</div>

This code will display the video and create 3 buttons which rezise screen video.

For more information, refer to the MediaWiki PageForm extension.

Create the Semantic Form

On your MediaWiki page, where you want display a video from its link, enter this code :

<div class="multipleTemplateHideButton">
{{{for template|TutoVideo|multiple|minimum=0|maximum instances=1|add button text=+ Ajouter une vidéo}}}
{{#formLinkVideo:{{{field|TutoVideoService|dropdown|class=embedVideoDropdown}}} | {{{field|TutoVideoURL|class=embedVideoUrlInput}}}}} 
{{{end template}}}
</div>