Skip to main content

HTML5 audio and video integration with plone

Project description


Original work by

This package provides Audio and Video Dexterity content types and behaviors, conversions and players/views.

It integrates the HTML5 media player mediaelementjs and uses if installed to convert videos to common formats.


  • Audio and Video types

  • Integration with mediaelementjs designed for maximum forward and backwards compatibility

  • Automatically convert video types to HTML5 compatible video formats

  • Be able to add video from TinyMCE by adding a link to the audio or video objects and then adding one of the available Audio and Video TinyMCE styles.

  • Integration with for conversions if installed

  • Plone 4.3 syndication support

  • Transcript data

  • Youtube URL (in case you want the video streamed from Youtube)

  • Streaming support

  • Still screen shot

  • Subtitle (captioning) file in SRT format


In order for video conversion to work correctly, you’ll need ffmpeg installed which provides the avconv collection of command line utilities.

On Ubuntu, you should be able to install with:

sudo apt-get install libav-tools

Plone 4

Must have >= 1.8.3


Force Conversion

Uploaded videos can be forced through the video conversion process by enabling the Force video conversion option. This option is useful if you would like to transcode all videos down to a certain resolution; or if you want to enforce a certain quality setting or video profile across all uploads.

Conversion Parameters

You may like to pass certain parameters to avconv to customise the video transcoding process. Extra infile and outfile options can be configured in the control panel per video format:

avconv [infile options] -i infile [outfile options] outfile.{format}

The latest version of avconv on Ubuntu may require -strict experimental as an outfile option for the mp4 format.

YouTube API Support

Since version 2.0, YouTube integration is supported. Videos can automatically be uploaded to a configured YouTube account.


Different install requirements:

eggs =

Then, setup a google api with oauth access and configure the google_oauth_id and google_oauth_secret properties in the Configuration Registry.

Finally, go to the url: http://plonesite/authorize-google


Compiling JS

cd wildcard/media/browser/static make bootstrap make prod


Tested on Plone 4.3.x, 5.0, 5.1 and 5.2


2.1.0 (2020-02-06)

  • Add support for Python 3 and Plone 5.2. [pbauer]

  • Add travis config for ci [cekk]

2.0.4 (2017-12-18)

  • Fix embedding a video that uses youtube via TinyMCE. [pbauer]

  • make thumbnail creation work on Windows [tschorr]

2.0.3 (2016-03-01)

  • Do not call pattern registry init as that will be called for us already. This fixes [vangheem]

  • For youtube videos, use the iframe instead simple html5 video tag [cekk]

  • Automatically get thumbnail image for youtube videos on creation/edit [cekk]

  • add Google and universal analytics MediaElement.js plugins [ivanteoh]

  • fix fileUpload fails when Wildcard.Video is registered as the video type [displacedaussie]

  • add support for separate avconv parameters per output format [displacedaussie]

2.0.2 (2015-11-25)

  • fix plone 4 compatibility [vangheem]

  • fix condition to show youtube video or file video [neilferreira, cekk]

  • updated Italian translations [cekk]

2.0.1 (2015-11-11)

  • add celery_tasks entry point [vangheem]

2.0.0 (2015-11-11)

  • add missing flashmediaelement.swf file and simplify build [senner]

  • be able to provide default width/height for videos in admin [vangheem]

  • fix use of captions [vangheem]

  • plone 5 compatibility [vangheem]

1.2b5 (2014-09-07)

  • fix player to get around not liking urls

1.2b4 (2014-09-07)

  • fix audio template og:url

1.2b3 (2014-09-05)

  • Fix issues with flash fallback (such as on IE8) [djay]

  • Fix documentation to install avconv [djay]

  • Fix to enable fullscreen mode in flash fallback mode [djay]

1.2b2 (2014-06-20)

  • Enabled auto resizing of video element in tile [zombified]

  • i18n support and italian translation [keul]

  • More complete uninstall profile [keul]

1.2b1 (2014-06-12)

  • Upgrade MediaElement.js to 2.14.2. [davidjb]

  • Remove extraneous files from MediaElement.js distribution. [davidjb]

  • Add collective.cover tile [zombified]

1.1 (2014-04-25)

  • add open graph data [vangheem]

1.0b2 (2014-03-05)

  • fix convert video [vangheem]

  • Fix minor typo in available views for audio/video types. This previously prevented saving type settings via the control panel. [davidjb]

1.0b1 (2014-02-15)

  • implement primary field [vangheem]

1.0a3 (2014-02-14)

  • handle no preview image being set [vangheem]

  • fix video type definition [vangheem]

1.0a2 (2014-01-29)

  • Add widget that supports streaming partial ranges of video content from video and audio fields. This package now supports video seeking in Chrome and iOS video display with content-range request support. [davidjb]

  • Configure CSS to apply prefix to local resources utilised for MediaElement.js. Previously, images used in CSS did not load when running outside of debug mode. [davidjb]

  • Upgrade MediaElement.js to 2.13.2. [davidjb]

  • Switch to using plone.autoform for form directives rather than the old location in plone.directives.form. [davidjb]

  • Omit ogv and webm video fields from add and edit forms; allows access to field contents from main video view. [davidjb]

  • Fix video display <source> URLs to point to correct fields. Previously, all links referred to the main MP4 video field. [davidjb]

1.0a1 (2013-12-18)

  • Initial release

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution (15.4 MB view hashes)

Uploaded source

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Huawei Huawei PSF Sponsor Microsoft Microsoft PSF Sponsor NVIDIA NVIDIA PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page