Embed videos into your Adobe Muse site

Did you know that you can add videos to your web pages in Adobe Muse, without uploading them to Vimeo or YouTube? Read on to find the small snippet of code that does the magic for you.

Make sure that the video you want to embed is in WebM or MP4 format. These formats work in the newer versions of major browsers. Also, make sure that the name of the video does not have uppercase letters or any special characters or spaces.

Open the Adobe Muse file in which you want to add the video and do the following steps:

1. From the File menu, select Add Files For Upload.
   Image may be NSFW.
   Clik here to view.
2. In the file explorer window (for Windows) or the finder window (for Mac), browse to the folder where you have your video file saved.
   Image may be NSFW.
   Clik here to view.
3. Select the video file and click Open. The video file is added to the Assets panel.
   Image may be NSFW.
   Clik here to view.
4. From the Object menu, select Insert HTML.
5. In the Edit HTML dialog box, type in or copy the following code snippet to set the video to autoplay, and click OK.
   

   <video width="320" height="240" autoplay> <source src="assets/my_video.mp4" type="video/mp4"> <source src="assets/my_video.webm" type="video/webm"> Your browser does not support the video tag.</video>

   To add controls to the video for playing, pausing, and displaying the volume control, use the following snippet:

   <video width="320" height="240" controls> <source src="assets/my_video.mp4" type="video/mp4"> <source src="assets/my_video.webm" type="video/webm"> Your browser does not support the video tag.</video>

   Image may be NSFW.
   Clik here to view.
   To make the video loop, use the following snippet:

   <video width="320" height="240" controls loop> <source src="assets/my_video.mp4" type="video/mp4"> <source src="assets/my_video.webm" type="video/webm"> Your browser does not support the video tag.</video>

   If you have an alternate layout for the site and want to add a video to the tablet or phone layout, use the following snippet for phone/tablet layouts:

   <video width="320" height="240" controls> <source src="../assets/my_video.mp4" type="video/mp4"> <source src="../assets/my_video.webm" type="video/webm"> Your browser does not support the video tag.</video>

   Remember to change the name of the video in the code. The video that I am using is called my_ video. You will need to replace it with the name of your video in the code.
   You can also change the height and width of the video.

6. To check if the video displays fine, select Preview Page In Browser from the File menu. The page that you designed will open in the default browser where you can see how the video displays.
   To edit the code in the future, right-click on your video on the Adobe Muse page and select Edit HTML. Click OK after you have made the changes.

That’s all, your video is now embedded into your Adobe Muse site. You can use the Insert HTML option to also add audios, iframes, or blogs to your site.