New in ProShow 7 is the ability to publish your slideshows to HTML5 video and easily embed your videos on your website or blog without any special plug-ins. HTML5 video is a relatively new standard that has really come into its own over the last few years. New to the HTML spec, you can now add a ‘video’ tag that tells the browser to embed a video on your site or blog.
Lets take a look at some of the facts regarding HTML5:
- Works in all current, modern browsers (IE, Firefox, Chrome, Safari, etc.)
- Supported on almost all mobile devices (Apple, Android, Windows, etc.)
- Player controls are entirely up to the browser being used (play/pause/etc.)
- Video files must be uploaded / hosted on a web server
- HTML code must be added to website or blog
Now lets look at the facts regarding HTML5 and ProShow:
- Automatically creates the videos you need for wide browser support (H.264 MP4 / WebM)
- Generates the HTML5 code so you can easily copy and paste to your website or blog
- Include specific attributes to the HTML5 code (show controls, auto play, loop, mute, etc.)
- Choose from a wide range of video resolutions including 360p, 480p, 720p, and 1080p
- Doesn’t support show menus or multiple shows (current working show only)
Publishing to HTML5 in ProShow
- In ProShow, click on Publish > HTML 5 Video
- Select the desired Resolution from the drop down menu near the top.
- Choose your video player options (i.e. show controls, auto play, loop, etc.)
- Click Create to begin the publishing process.
- Select the desired location to save your HTML5 files, click Save.
- ProShow will begin rendering and save the files when finished. You should have (3) total files when finished.
Embedding the video on your website or blog
- Locate the (3) files created by ProShow. You should see an MP4, WebM, and html file.
- If adding as a new page on your website – Upload all (3) files to the same directory on your web server.
- The html file is a complete page that is ready to publish on your website.
- All three files must be added to the same directory so to the html code can locate the source files.
- To change the source path, open the html file and make your changes to the <source src=””> line for both videos.
- If posting on a blog – Upload both the MP4 and WebM video files to your blog.
- Copy the <video> tag HTML that ProShow displays, and paste it into the source code of your blog or article.
- If using WordPress, make sure you click the ‘Text’ tab and paste the code where you’d like the video to appear on your article.
- Adjust the source links if necessary to make sure they point to the video files uploaded to your blog.
- Test playback and make sure the video plays on your website / blog.