How to add a local Video In Adobe Muse
There are two ways that you can use to insert local video files in Adobe Muse.
By Manually Inserting HTML codes in Adobe Muse.
HTML codes for a video are following
<video width="320" height="240" controls >
<source src="assets/<file name>.mp4" type="video/mp4">
<source src="assets/<file name>.ogg" type="video/ogg">
Your browser does not support the video tag.
1. If you want to change the width and height of the video then change the values for width and height in the first line of code
2. Most of the browsers support 3 video file formats. MP4, OGG, WEBM. 2nd, 3rd and 4th line shows the path of each file format. In case you want to use only one video format then you can remove the line of codes for un-required file format.
3. replace <file name> with the name of your video file.
4. if you want video to autoplay then add autoplay in the first line of code after control. similarly you can add loop to loop the video, add Mute to mute the video and add control to give site visitor the control panel of video.
To learn more about the HTML5 Video codes visit the link below.
Once you are done creating code for your video next step will be to add video files in Muse .
1. Click on File > Add file for Upload
2. Select the file using Finder or Windows Explorer.
3. Once done you will be able to see the video file in assets panel of Adobe Muse
1. Open the page in design mode in which you want to add video
2. Click on Object > Insert HTML
3. Paste the code created in step 1 in the Insert HTML window and click on OK
4.Muse will create a container of the video and you can place it where ever you want to place in the page.
5. Click on file > preview page in Browser to check if it works fine or not.
By MusePen HTML5 Video Widget
In case you are not very confident with HTML coding then you can download and add this easy to use widget to your Adobe Muse.
Video below explains how to use it.