Audio and video are becoming popular additions to websites. MultiPlayer is perhaps the easiest way to enrich a website and get this content working reliably within a website. It does not require any complicated code or registration of APIs to get things working.
Stacks4Stacks specialises in offering one of the widest choices of audio and video stacks. MultiPlayer is a solid solution for the novice user just getting started. Other stacks like AudioPlayer, InlinePlayer, Player PlayLister, LitePlayer and VideoPlayer may offer more sophisticated features. If you want to have a video player open inside a lightbox with custom controls, then TopBox is a better alternative.
Stacks4Stacks specialises in offering one of the widest choices of audio and video stacks. MultiPlayer is a solid solution for the novice user just getting started. Other stacks like AudioPlayer, InlinePlayer, Player PlayLister, LitePlayer and VideoPlayer may offer more sophisticated features. If you want to have a video player open inside a lightbox with custom controls, then TopBox is a better alternative.
Example
This is an example of MultiPlayer, using its default settings, to embed a YouTube video.Because the video (in this example) is loaded from a third-party, opt-in consent using a stack like CookieManager or MiniCookie is mandatory, for compliance with privacy laws.
Setup
Install MultiPlayer in the normal way. Open your Stacks Library. Drag and drop a copy of MultiPlayer into your page. Select the preferred media source in the stack settings and configure it. You can also adjust style settings and localisations for the player.MP3 Audio
Enter the MP3 link in the stack settings. OGG is optional but recommended for better playback compatibility in older web browsers. Use an MP3 file added as a resource in RapidWeaver or one that is already published on your hosting account.
MP4 Video
Enter the MP4 link in the stack settings. WebM is optional but recommended for better playback compatibility in older web browsers. Optionally you can add a caption / subtitle file too, in VTT format. Use an MP4 (and optional VTT file) file added as a resource in RapidWeaver or one that is already published on your hosting account.
Vimeo Video
On the assumption the video had the URL
https://player.vimeo.com/video/147865858
in the web browser address bar, the video ID to use in MultiPlayer would be 147865858
. You can use any Vimeo video that is set to 'public' and enabled for being embedded in a website. A paid Vimeo account is normally required for embedding high-resolution video content in your own website.YouTube Video
On the assumption the video had the URL
https://www.youtube.com/watch?v=bTqVqk7FSmY
in the web browser address bar, the video ID to use in multiPlayer would be bTqVqk7FSmY
. You can use any YouTube video that is set to 'public' and enabled for being embedded in a website. Per YouTube's policies and business practices; adverts, promotional cards and related video links cannot be disabled.In the case of MP3 and MP4 content, you can use free software like Handbrake or Miro Converter to prepare your content ready for the web. It is very important to ensure content is presented in the correct format, otherwise some web browsers and devices will struggle to play it.