Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/starcitizenwiki/mediawiki-extensions-embedvideo
GDPR focused EmbedVideo. Supports YouTube, Twitch, Spotify and SoundCloud
https://github.com/starcitizenwiki/mediawiki-extensions-embedvideo
mediawiki mediawiki-extension video youtube
Last synced: 7 days ago
JSON representation
GDPR focused EmbedVideo. Supports YouTube, Twitch, Spotify and SoundCloud
- Host: GitHub
- URL: https://github.com/starcitizenwiki/mediawiki-extensions-embedvideo
- Owner: StarCitizenWiki
- License: other
- Created: 2021-04-23T10:56:45.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-09-10T13:29:44.000Z (2 months ago)
- Last Synced: 2024-10-30T20:07:45.265Z (21 days ago)
- Topics: mediawiki, mediawiki-extension, video, youtube
- Language: PHP
- Homepage: https://www.mediawiki.org/wiki/Extension:EmbedVideo_(fork)
- Size: 2.3 MB
- Stars: 27
- Watchers: 5
- Forks: 15
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGES.md
- License: LICENSE
Awesome Lists containing this project
README
# Extension Embed Video
The EmbedVideo Extension is a MediaWiki extension which adds a parser function called `#ev` and various parser tags like `` for embedding video clips from various video sharing services.
It also adds video and audio media handlers to support transforming standard `[[File:Example.mp4]]` file links into embedded HTML5 `` and `` tags.
This privacy enhanced fork adds a toggleable setting that only loads external content _after_ the user gave explicit consent by clicking the video.
Do note that thumbnails are still fetched from the respective service, which results in a connection to an external url. This behaviour can be disabled by setting `$wgEmbedVideoFetchExternalThumbnails` to `false`.
Issues, bug reports, and feature requests may be created at the issue tracker:
https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/issues
The original MediaWiki extension page is located at:
https://www.mediawiki.org/wiki/Extension:EmbedVideo
## History
Large parts of the codebase are taken from [Extension:EmbedVideo v2.9.0](https://gitlab.com/hydrawiki/extensions/EmbedVideo/-/releases/v2.9.0).
# License
EmbedVideo is released under the MIT license
http://www.opensource.org/licenses/mit-license.php
See LICENSE for more details
# Installation
## Download
There are three places to download the EmbedVideo extension. The first is directly from its GitHub project page, where active development takes place. If you have git, you can use this incantation to check out a read-only copy of the extension source:
```
git clone https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo.git
```
Downloadable archive packages for numbered releases will also be available from the github project page.
## Installation Instructions
1. Download the contents of the extension, as outlined above.
2. Create an EmbedVideo folder in the extensions/ folder of your MediaWiki installation.
3. Copy the contents of this distribution into that folder
4. Install FFmpeg, when using the local video handler (enabled by default)
Add the following line to your LocalSettings.php:
```php
wfLoadExtension("EmbedVideo");
```
# Usage
## Media Handler
For locally uploaded content the process for displaying it on a page is the same as an image. [See the image syntax documentation](https://www.mediawiki.org/wiki/Help:Images#Syntax) on MediaWiki.org for complete reference on this feature.
This example would display a video in page using a HTML5 `` tag.
[[File:Example.mp4]]
To specify the start and end timestamps in the media use the start and end parameters. The timestamp can be formatted as one of: ss, :ss, mm:ss, hh:mm:ss, or dd:hh:mm:ss.
[[File:Example.mp4|start=2|end=6]]
Additionally, a cover image can be set for video files by specifying a `cover=` key.
[[File:Example.mp4|start=2|end=6|poster=File:LocalFile.png]]
### Example
Example of a local file with a custom cover image.
### Available options
The following options are available when using the media handler for local files.
Options are added to the wikitext like `|poster=File:...` or `|start=2`.
* loop
* Loops the audio / video
* autoplay
* Automatically plays the file
* nocontrols
* Disables the control elements
Options only available for video files:
* poster / cover
* Sets a local image file as the cover of the video
* muted
* Mutes the audio track of the video (required for autoplay)
* gif
* Special option that sets autoplay, muted, loop and nocontrols
e.g. makes the video behave like a gif
When `$wgEmbedVideoUseEmbedStyleForLocalVideos` is enabled two additional options are available
* title
* Title of the video
* description
* Description shown below the video
## Tags
The EmbedVideo parser function expects to be called in any of the following ways:
### \#ev - Classic Parser Tag
* `{{#ev:service|id}}`
* `{{#ev:service|id|dimensions}}`
* `{{#ev:service|id|dimensions|alignment}}`
* `{{#ev:service|id|dimensions|alignment|description}}`
* `{{#ev:service|id|dimensions|alignment|description|container}}`
* `{{#ev:service|id|dimensions|alignment|description|container|urlargs}}`
However, if needed optional arguments may be left blank by not putting anything between the pipes:
* `{{#ev:service|id|||description}}`
Alternatively each parameter can be used in any order as a named parameter. The following parameter are available:
* `id`
* `dimensions`
* `alignment`
* `description`
* `container`
* `urlArgs`
* `autoresize`
* Set `|autoresize=true` to have the embed automatically use all available width of the parent element
* `vAlignment`
* `width`
* `height`
* `poster` / `cover`
* This only has an effect if `$wgEmbedVideoRequireConsent` is set to true
* `title`
* This only has an effect if `$wgEmbedVideoRequireConsent` is set to true
**Do note** mixing named and unnamed parameters will require you to add all unnamed parameters (and blanks) in the previously mentioned order.
E.g. using named id and unnamed description `{{#ev:service||||This is the Description|id=abc}}`/ `{{#ev:service|id=abc|||This is the Description}}`
### \#evu - Embed Video Url
The `{{#evu}}` parser function tries to extract the service from the host name of an url.
It takes the same arguments as `{{#ev}}`.
### \#evl - Embed Video Link
The support for `{{#evl}} / {{#vlink}}` and ` / ` has been added with version 3.4.0.
The link parser function takes the following arguments:
* `id` - Video ID
* `text` - Link Text
* `player` - ID of the `` if multiple exist on a page
* `service` - Name of the embed service, defaults to YouTube
Named arguments can be passed in any order, unnamed args must be passed in the order defined above.
#### \ / \
The corresponding player that plays the videos defined by `{{#evl}}` links.
Note that this implementation differs from EmbedVideo v2.x in the following areas:
* No `default content` is supported, i.e. text inside the tags
* A default video id should be defined, else the player displays a blank embed
* In the old implementation nothing was shown
* No `style` attribute can be set
* Video lists are not supported
### Example
```mediawiki
`
{{#evl:21X5lGlDOfg|NASA Live|player=example-player}}`
{{#evl:6ZFbXIJkuI1dVNWvzJzown|text=Spotify Track|service=spotifytrack|player=example-player}}
```
Shows a YouTube embed for the video `pSsYTj9kCHE` and two video links, one for another YouTube video (NASA Live) and a Spotify track.
## Examples
## SharePoint
For more information on SharePoint embeds see [Issue #60](https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/issues/60#issuecomment-1641493146).
### YouTube Examples
#### YouTube Example #1
For example, a video from YouTube use the 'youtube' service selector enter the raw ID:
{{#ev:youtube|pSsYTj9kCHE}}
Or the full URL:
{{#ev:youtube|https://www.youtube.com/watch?v=pSsYTj9kCHE}}
#### YouTube Example #2
To display the same video as a right aligned large thumbnail with a description:
{{#ev:youtube|https://www.youtube.com/watch?v=pSsYTj9kCHE|1000|right|Example description|frame}}
#### YouTube Example #3
Creating a video list for Youtube. This allows you to queue a set of video in a temporary playlist. Use the `youtubevideolist` service selector:
{{#ev:youtubevideolist|-D--GWwca0g|||||playlist=afpRzcAAZVM,gMEHZPZTAVc,lom_plwy9iA,BSWYMQEQhEo,EREaWhXj4_Q}}
#### YouTube Example #4
Using the service name as a parser tag
https://www.youtube.com/watch?v=eAORm-8b1Eg
#### YouTube Example #5
Using a local file as an embed thumbnail
{{#ev:youtube|pSsYTj9kCHE|poster=File:LocalFile.jpg}}
#### YouTube Example #6
Using a local file as an embed thumbnail and specifying a title
{{#ev:youtube|pSsYTj9kCHE|poster=File:LocalFile.jpg|title=Title of the Embed}}
#### YouTube Example #7
Using named parameters
{{#ev:youtube|id=pSsYTj9kCHE|dimensions=320x320}}
#### YouTube Example #8
For YouTube to have the video start at a specific time code utilize the urlargs(URL arguments) parameter. Take the rest of the URL arguments from the custom URL and place them into the urlargs.
Please note that not all video services support extra URL arguments or may have different keys for their URL arguments.
https://www.youtube.com/watch?v=pSsYTj9kCHE&start=76
{{#ev:youtube|https://www.youtube.com/watch?v=pSsYTj9kCHE|||||start=76}}
or
{{#ev:youtube|pSsYTj9kCHE|||||start=32}}
or
{{#ev:youtube|id=pSsYTj9kCHE|urlArgs=start=32}}
or
{{#ev:youtube|id=pSsYTj9kCHE|urlArgs=start=32&end=42}}
## Supported Services
As of version 3.x, EmbedVideo supports embedding video content from the following services:
| Site | Service Name(s) | ID Example | URL Example(s) |
|----------------------------------------------------------|-------------------------------------|--------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------|
| [Archive.org Videos](https://archive.org/details/movies) | `archiveorg` | electricsheep-flock-244-80000-6 | https://archive.org/details/electricsheep-flock-244-80000-6
https://archive.org/embed/electricsheep-flock-244-80000-6 |
| [Bandcamp](https://bandcamp.com/) | `bandcamp` | 1003592798 | https://emptyhousesmusic.bandcamp.com/album/empty-houses (Click on share/embed, and copy the id after `album=`) |
| [Bilibili](https://www.bilibili.com/) | `bilibili` | BV1Hz4y1k7ae | https://player.bilibili.com/player.html?bvid=1Hz4y1k7ae&page=1 |
| [DailyMotion](https://dailymotion.com/) | `dailymotion` | x1adiiw_archer-waking-up-as-h-jon-benjamin_shortfilms | http://www.dailymotion.com/video/x1adiiw_archer-waking-up-as-h-jon-benjamin_shortfilms |
| [KakaoTV](https://tv.kakao.com/) | `kakaotv` | 301157950 | https://play-tv.kakao.com/embed/player/cliplink/301157950 |
| [Loom](https://www.loom.com/) | `loom` | e5b8c04bca094dd8a5507925ab887002 | https://www.loom.com/share/e5b8c04bca094dd8a5507925ab887002 |
| [NaverTV](https://tv.naver.com/) | `navertv` | 27831593 | https://tv.naver.com/embed/27831593 |
| [Niconico](http://nicovideo.jp/) | `niconico` | sm40807360 | https://embed.nicovideo.jp/watch/sm40807360 |
| SharePoint | `sharepoint` | Not Applicable | https://[SUB].sharepoint.com/sites/[PATH]/_layouts/15/embed.aspx?UniqueId=[ID]&embed=[...] |
| [SoundCloud](http://soundcloud.com/) | `soundcloud` | | https://soundcloud.com/skrillex/skrillex-rick-ross-purple-lamborghini |
| [Spotify](http://spotify.com/) | `spotifyalbum` - Art embed | 3B61kSKTxlY36cYgzvf3cP | https://open.spotify.com/album/3B61kSKTxlY36cYgzvf3cP |
| [Spotify](http://spotify.com/) | `spotifyartist` - Artist embed | 0YC192cP3KPCRWx8zr8MfZ | https://open.spotify.com/artist/0YC192cP3KPCRWx8zr8MfZ |
| [Spotify](http://spotify.com/) | `spotifytrack` - Song embed | 6ZFbXIJkuI1dVNWvzJzown | https://open.spotify.com/track/6ZFbXIJkuI1dVNWvzJzown |
| [Spotify](http://spotify.com/) | `spotifyshow` - Podcasts / Shows | 7AWhoFQ3SIkEc6Yp1aOiIM | https://open.spotify.com/show/7AWhoFQ3SIkEc6Yp1aOiIM |
| [Spotify](http://spotify.com/) | `spotifyepisode` - Podcast episodes | 11mET6sr9ghOJ6mi4lmZmZ | https://open.spotify.com/episode/11mET6sr9ghOJ6mi4lmZmZ |
| [Twitch](http://www.twitch.tv) | `twitch` - Live Streams | `twitchvod` - Archived Videos on Demand | twitchplayspokemon |
| [Vimeo](http://www.vimeo.com) | `vimeo` | 105035718 | http://vimeo.com/105035718 |
| [Wistia](http://wistia.com) | `wistia` | 62svuailn2 | https://softwareag-2.wistia.com/medias/62svuailn2 |
| [YouTube](http://www.youtube.com/) | `youtube` - Single Videos | pSsYTj9kCHE | https://www.youtube.com/watch?v=pSsYTj9kCHE |
| [YouTube](http://www.youtube.com/) | `youtubeplaylist` - Playlists | PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP | https://www.youtube.com/embed/?listType=playlist&list=PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP |
| [YouTube](http://www.youtube.com/) | `youtubevideolist` - Video List | pSsYTj9kCHE - urlargs=playlist=pSsYTj9kCHE,pSsYTj9kCHE | https://www.youtube.com/embed/pSsYTj9kCHE?playlist=pSsYTj9kCHE,pSsYTj9kCHE |
### New Services
New services can be requested by using the following [link](https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/issues/new?assignees=&labels=enhancement&template=embed-service-request.md&title=Embed+Service+Request%3A+Service+Name) or clicking `New Issue`.
# Configuration Settings
| Variable | Default Value | Description |
|------------------------------------------|------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| $wgEmbedVideoAddFileExtensions | true | Boolean - Enable or disable adding video/audio file extensions to the list of allowable files to be uploaded. |
| $wgEmbedVideoEnableVideoHandler | true | Boolean - Enable or disable the video media handlers for displaying embedded video in articles. |
| $wgEmbedVideoEnableAudioHandler | true | Boolean - Enable or disable the audio media handlers for displaying embedded audio in articles. |
| $wgEmbedVideoLazyLoadLocalVideos | false | Boolean - Sets 'preload="none"' on every element, if the local video handler is enabled. |
| $wgEmbedVideoUseEmbedStyleForLocalVideos | false | Boolean - Styles local videos like they are embedded content. DO NOTE: When changing this, every page with a local video needs to be updated in the parser cache! |
| $wgEmbedVideoDefaultWidth | 320 | Integer - Globally override the default width of video players. When not set this uses the video service's default width which is typically 640 pixels. |
| $wgEmbedVideoMinWidth | null | Integer - Minimum width of video players. Widths specified below this value will be automatically bounded to it. |
| $wgEmbedVideoMaxWidth | null | Integer - Maximum width of video players. Widths specified above this value will be automatically bounded to it. |
| $wgFFprobeLocation | /usr/bin/ffprobe | String - Set the location of the ffprobe binary. |
| $wgEmbedVideoEnabledServices | null | Array - Array of service names that are allowed, if empty all services are available. |
| $wgEmbedVideoRequireConsent | true | Boolean - Set to true to _only_ load the iframe if the user clicks it. |
| $wgEmbedVideoFetchExternalThumbnails | true | Boolean - Set to false to disable fetching video thumbnails from the external video provider. Currently only works for YouTube and Vimeo. |
# Credits
The original version of EmbedVideo was written by Jim R. Wilson. Additional major upgrades made by Andrew Whitworth, Alexia E. Smith, and other contributors.
See [CREDITS](CREDITS.md) for details