
For a long period of time, browsers like Firefox and Internet Explorer did not support MP3 or MP4. Additionally you may wish to supplement your player with other opensource media formats listed which will be used by older web browsers. This will give you the widest possible compatibility with different devices and web browsers.
RAPIDWEAVER FREESTACK MP4
Preparing your media for the webJust like any other HTML5 media player, audio files need to be in MP3 format and video files need to be in MP4 format. Turn-off things like the splash play button or captions if they are not needed Customise any of the other behavioural, style or colour settings.In the case of a 16:9 video, the image to use would need to be 1920 pixels wide and 1080 pixels tall. Optionally you can provide a static poster image in the stack settings.This helps to ensure your Player stack will scale responsively within the webpage, at different screen sizes Adjust the aspect ratio of the Player stack.See the details below on conversion tools and the best file formats to use Set the links to your audio or video file.The preloading type can be changed if required. Below the ID box in the stack settings, toggle between embedding either an audio or video file.An ID can be anything you like, except it must not start with a number, nor contain spaces or special characters. In the settings on the right, give the Player stack a unique ID.Once the Player stack has been installed, drag and drop a copy of Player from your Stacks library into the webpage.SetupFollow these instructions (in this order) to get a basic Player stack working in your webpage: Links will open in the same window or tab, to limit confusion. Therefore it's wise to still include a 'fall back' link to the side or under the video. Although the redirect system is generally considered very reliable, there may be odd corner-case examples where it does not always work. This functionality is achieved by enabling the Redirect setting in the stack options, and then providing the URL you want to redirect to when the audio or video has finished playing.

When the video ends, you will get redirected to. In this example, a short video is played (the video is 28 seconds long). This type of functionality would be fantastic in numerous instances such as promoting pre-release products or services, and then redirecting the viewer to another page where they can register their interest or view a product. Play and redirectWouldn't it be great if a person could watch a video and then get redirected onto another page or website at the end? This is very much something the Player stack supports straight out of the box. This also makes Player stack good to use inside accordions or tabs - when a user clicks away the audio or video will stop playing. This is achieved by listening for a click or touch event happening outside of the currently playing Player stack. The Stacks plugin lets you group multiple stacks together into columns, and this is an excellent example.Ī special mechanism is built into Player, ensuring that only a single HTML5 audio or video file will play on the page, at any one time. The title text is just formed using a regular text stack dragged and dropped into the 1 column stack, above Player stack. Then you can place each minified Player stack into a 1 column stack, with a background fill and rounded corners applied. However by turning off poster images and setting the aspect ratio to 0% in the stack settings, you can create an extra slimline audio player. It's your content, so wouldn't it be great to broadcast it yourself? Player is what you need!Īudio playlistPlayer does not have support for true playlists as such - with the PlayLister stack being better suited for this task. Then you have the ongoing battle of advertising, suggested content, copyright issues and the growing problem of censorship to deal with. Most of these services re-encode your uploaded content resulting in depreciated playback quality.

RAPIDWEAVER FREESTACK PROFESSIONAL
But these services typically aren't geared-up towards handling professional audio and video content. Sure, you could upload your content to a service like Soundcloud, YouTube or Vimeo and quickly embed that within your website. Player grants you the power to quickly create stylish and sophisticated media players in your web projects.
RAPIDWEAVER FREESTACK CODE
No complicated code or configuration is required Player makes the whole task effortless! Player has grown to become the most popular audio and video stack available for RapidWeaver, and it's easy to see why.

An easy way to get self-hosted or warehoused media embedded safely within your webpages and viewable to a worldwide audience on a variety of browsers and platforms.

Player is one stack that combines support for both audio and video files.
