Studio Editor: Adding and Customizing Videos
Videos are a great way to engage site visitors and tell them the brand story. The Studio Editor makes it easy to showcase your content, embed from social media and add stunning video-based design elements. In this article, learn more about:
Adding a video Customizing a single video player Customizing a VideoBox TroubleshootingAdding a videoChoose the right video element for your needs. You can add a single video player or a VideoBox, which offers more elaborate customization options. You can also add videos with transparent backgrounds, designed by Wix, to decorate the site. To add a new video:
Click Add Elements  on the left side of the editor. Click Media. Select a video type under Video:

Single Video Players: Upload your own video or embed one from a social network.  VideoBox: Showcase your own videos, free Wix videos, or professional Shutterstock videos in beautifully designed video containers.  Transparent Video: Add or upload your own videos with transparent backgrounds.    Drag a video to the desired location on the page.Customizing a single video playerCustomize the Single Video Player's layout, design and behavior to your specific needs. You can choose whether your video starts playing automatically and / or in a loop, decide which controls to show and design them as well. To customize a single video player:
Select the video player. Choose how to customize it:Change the videoYou can always replace the video to a different one, whether it's from your computer or from external sources (e.g., YouTube, Vimeo, Facebook, etc.)
Click Change Video. Do one of the following to replace the current video:
    
Click Change Video to access your files in the Media Manager. Click any of the social network icons to share a video. Make sure to enter the video's URL under What's the video's web address?.  Decide how your video plays
Click Change Video. Click the Autoplay toggle to choose how the video starts playing:
    
Enabled: Your video plays automatically once the site loads. Disabled: Visitors need to click the Play button to start the video.   Click the Plays in a loop toggle: 
    
Enabled: Your video starts playing again and again when it's finished (in a continuous loop). Disabled: Your video only plays once.   Note: The option to play videos in a loop isn't available for all external sources (e.g., Facebook, Dailymotion).Adjust the video player's layoutFrom the Layout panel, you can choose whether or not to show the video's title and its controls, and adjust the size of the Play button to your liking. 
Click the Layout icon .  Click the Show video title toggle:
    
Enabled: The video title appears on top of the player.
Tip: You can format and style this title from the Inspector panel.  Disabled: The video title isn't visible.   Drag the slider under Play button size to increase or decrease the size of the button. Select an option under When playing, controls show:
    
On hover: The video controls (e.g., the play or pause button) appear when visitors hover over the player. Never: The video controls aren't displayed.   Note: The available options depend on the type of video you add to the player.Design the video playerFrom the Inspector panel, design your video player to match your style. You can change the overlay color and its opacity, add shadow, format the video's title and more. 
Click the Open Inspector icon  at the top right of the editor.


 Scroll down to Design. Do any of the following to design the video player:
    
Fill Color & Opacity: Click the color box to choose a different color for the overlay, and drag the slider to adjust its opacity. Border: Add a border to make your Video Player stand out.  Shadow: Click Enable Shadow to add and design a shadow to appear behind the player. Text: Choose a color for the title and play button, and format the title to your liking.  Customizing a VideoBoxWhen using VideoBoxes to display media, you get a lot of creative liberty to make them part of the design. Set the video to play exactly how it should, choose an interesting shape for it and design every detail - from the cover image to the borders.To customize a VideoBox:
Select the VideoBox. Choose how to customize it:Set your VideoBox behaviorsSet how your VideoBox behaves by customizing the play, pause and loop settings as well as the sound behaviors. Play around with the options to see which you think will improve engagement and visitor interaction.
Click the Behaviors icon . Customize the different play and sound behaviors:
    
Choose whether your video starts on click, on hover or automatically. Decide if visitors should be able to pause the video.  Make your video loop continuously or replay on click.  Make your video play in slow motion or with sound.
Tip: These options are only available for videos that were recorded in slow motion and/or with sound. Many videos offered by Wix includes slo-mo or sound.  Choose the focal point Choose the focal point of a VideoBox for each breakpoint. This means that when the VideoBox is resized for different screen sizes, the part of the video you want to show is always displayed.
Click the relevant breakpoint at the top of the editor. Click the Focal Point icon . Select the area of the video that you want to remain visible when it's resized.Design the VideoBoxThis is where you can really make your VideoBox your own. Choose a cover image, border and shadow, and apply a pattern overlay to create a unique effect. There are many patterns to choose from to match your particular style. 
Click the Open Inspector icon  at the top right of the editor. 


 Scroll down to Design. Do any of the following to design your video:
    
Cover image: Pick a different image as the cover of your video (what visitors see before clicking it). Pattern overlay: Click the Apply Pattern Overlay toggle to add an interesting pattern (animated or not) that makes your video even more engaging.  Border: Apply a border around your video while choosing its color, opacity and width.  Shadow: Add shadow while choosing its size, color, angle and distance from the video.  Contour: Make the edges of your VideoBox more round or rectangular. You can choose the radius (in px) next to each corner.   Note: If you add a video mask, the Border and Contour options are not available. Add a video maskUse a video mask to give your VideoBox a unique shape and a striking visual effect. Choose from thousands of shapes and vector art, or upload a shape of your own (SVG file) to cut out your video.Troubleshooting videosHaving issues with your video? Click a question below to learn more:Why is my video not playing on my live site?You or your visitors may notice that elements that contain motion (such as animation effects and transparent videos) do not play on your Wix live site - on both mobile and desktop. This is because some operating systems contain a Reduced Motion feature, which disables animations and videos from playing in the browser. Reduced Motion is an accessibility feature, which means its primary use is to allow visitors with disabilities or impairments to visit your site.
Click the relevant device from the list below to learn how to disable Reduced Motion.
iPhone and iPad Mac OS Windows OS AndroidNote: Reduced Motion is automatically enabled for some mobile devices in low battery / power saving mode.I have set my video to autoplay, but there's no sound. Why?Most internet browsers only allow videos to autoplay when the sound is muted. If your VideoBox is set to play automatically, the video plays without sound.

The following browsers no longer support autoplay:
Safari 11 and later versions (on MacOS and iOS) Chrome 61 and later versions (desktop and mobile) Firefox 66 and later versions (desktop and mobile)