The easiest method uses YouTube. Create a free youtube account. You'll use their embed tools to place the video on your Pressero site. The youtube embed code is an iframe. It will look something like this: <iframe width="420" height="315" src="http://www.youtube.com/embed/sn9v4mfAuyc" frameborder="0" allowfullscreen></iframe>
- Upload your video to youtube.
- Access the youtube video embed code using the Share > Embed > Show More links below the video. A list of options will open. Select a size for the video, or create a custom video size to fit smaller or larger areas. Uncheck the box "Show suggested videos when video finishes" to prevent youtube suggesting other videos after yours plays. Ignore the "HTTPS", "Enable privacy-enhanced mode" option.
- Copy the youtube iframe embed code. In the content editor area of the Pressero page, product or instructional area you are adding the video to, click the </> button to access the html view. Paste the code, click Update. You will see the result in the Design view of the editor. Make adjustments if needed.
4. Autoplay Video on launching site: If you would need that as soon as you launch the site/page or any area where this code is added,the YouTube Video should autoplay then you would need to make some changes in the iframe embedded code by just adding a ?autoplay=1 in the URL.
For example : <iframe width="420" height="315" src="http://www.youtube.com/embed/sn9v4mfAuyc?autoplay=1" frameborder="0" allowfullscreen></iframe>
Note: with ?rel=0 added in the URL the recommended videos show up can be stopped. If you would like to have both in the video (remove recommended video & autoplay) function then please add them in the URL like this: <iframe width="420" height="315" src="http://www.youtube.com/embed/sn9v4mfAuyc?autoplay=1&rel=0" frameborder="0" allowfullscreen></iframe>
File Manager/CSS. If you have a highly skilled web developer fluent in CSS, you can add an MP4 video to your page. Load the MP4 video file using the Pressero Admin > Tools > File Manager. Then add appropriate code to the page you want the video displayed on. "Appropriate" will depend on many factors beyond the scope of this article. However, an example of the code would be something like this: <div><video controls="" poster="/files/Subscribers/448cc937-d8f9-4cf0-96f1-01e91ed0ad9c/webfiles/Videos/poster.jpg" title="web-to-print-solutions-from-aleyant"><source src="/files/Subscribers/448cc937-d8f9-4cf0-96f1-01e91ed0ad9c/webfiles/Videos/BuyingPrintOnline.mp4" type="video/mp4"></source><source src="mov_bbb.ogg" type="video/ogg"></source>Your browser does not support HTML5 video. </video></div>
IMPORTANT: You need to be very skilled in CSS to effectively use this approach. Aleyant support staff will not support this method or issues related to it. Support issues caused by your web developer's implementation will incur an hourly fee.