![]() MP4 format is used by all mainstream web browsers and devices. Video filesYour video will need to be saved into standard MP4 and WebM file format before you add it to your RapidWeaver project or upload the video to a folder online. Either drag and drop a suitable image into the stack settings or publish an image online first and link to it using the 'warehouse' option. The JPG or PNG image can then be used as the poster image. The easiest way to create a poster image is to open the video in Quicktime or VLC on your computer, and take a screenshot of a particular frame in the video. The poster image should be the same dimensions and aspect ratio as your video. Commonly the poster image is a still frame (saved as a JPG) taken from the video, but you can use a different image or add text to the image if you want. Poster imagesThe purpose of poster images is to display a static image while your video is loading. Of particular note, you can customise all aspects of the player colour scheme, so you can quickly setup this stack to match the colour scheme of your existing theme or corporate branding. Just change the poster and video file links for each instance of the stack. Once you've got a single VideoPlayer setup and styled to your liking, then you can easily duplicate the VideoPlayer stack (to create multiple instances of it) or copy and paste the stack onto other webpages. Export or publish your completed website when done. Click the play button to make sure the video works. Change any of the player control settings, to suit your needs.More details about these two video file formats is discussed below Link your MP4 and WebM versions of the video.In the stack settings (shown in Stacks edit mode) choose ti use either a local or linked poster image to use.Once installed into Stacks and RapidWeaver, open your Stacks library and drag-and-drop a copy of the VideoPlayer stack into your page.SetupPlease follow these instructions for getting a single VideoPlayer stack configured within your RapidWeaver project: A lot of cross-browser compatibility testing has been done, giving you the confidence that VideoPlayer will work reliably just about everywhere. On screens less-than 568px wide, the volume and fullscreen controls are hidden to create more space for the remaining control interface components. Support for custom video controls on iOS is historically very poor, so VideoPlayer will display native video player controls on iOS. VideoPlayer works very well on newer Android smartphones and tablets and even supports ChromeCast. VideoPlayer has been extensively tested and confirmed to work with IE9, IE10, IE11, Edge, and all newer versions of Safari, Chrome, Opera and Firefox. The video player user interface (controls) have been totally refreshed to bring the stack up to a modern standard. A decent array of customisable style and colour settings are built into this stack. This latest version is now far more reliable and uses a lot less code. Since then, VideoPlayer has been totally re-coded from scratch (version 2). The stack was named to VideoPlayer and some quick updates were made (VideoPlayer version 1) to help elevate the worst of the bugs. When Stacks4Stacks acquired StackManiac, it was brought to our attention that the original stack was broken. VideoPlayer started as a stack called Playr / VideoPlayr and was available from the website. No more ugly adverts, reduced video quality, questionable user privacy, overlays or branding with this solution! VideoPlayer was coded exclusively for RapidWeaver. VideoPlayer is the ideal solution for taking back control of your video content and getting video quickly into your webpages through a gorgeous video player that shouts professionalism. Services like YouTube, DailyMotion and Vimeo are the obvious choices for embedding video, but can have some drawbacks relating to the way video is handled and licensed. Video can add a lot of interest to websites.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |