Updating the Player Controls
Jump to section
Thearea includes options to tweak the video controls on your media. Don’t want viewers skipping important parts of your video? Seeya, Play Bar! You can customize your video however you’d like by adding or removing any buttons.
Within thepanel, you can choose the start and end behavior for your video.
Need to autoplay your videos to grab attention? Check that Autoplay box, where you can set your video to Click for sound button,Muted, Play with sound, or Play sound if possible.
For end behavior you can choose from three options: Pause on the last frame, Reset to the first frame, and Loop the video.
Need to capture your viewer’s attention right at page load? Can’t wait for them to click play? Autoplay is your new best friend.
To set your video to autoplay you’ll want to navigate to Controls in the Customize panel. There you’ll see a checkbox to Autoplay your video. You can choose to have the video play muted with a Click for Sound button, play Muted with no click for sound button (this is for autoplaying a silent video), Play with sound, or Play sound if possible.
Click for Sound will autoplay the video in a muted state, with the option for the viewer to manually turn on the volume. Muted will play the entire video silently. Play with sound will begin playback with audio, which means that the video will only autoplay in some browsers (where autoplay with sound is allowed). Play sound if possible will enable the video to autoplay everywhere, silently where required, and with sound where permitted.
Setting your video to loop is a great way to keep your viewers engaged, or to just have some interesting background movement. At Wistia, we like to use looping autoplay videos to make high-quality GIF substitutes. Like this snazzy one of Joe dancing.
To loop your video, you’ll want to navigate toin the Customize panel. You should see an option for End behavior. The default we set is for the video to Pause on the last frame. Switch the option to Loop the video, save your settings, and dance like Joe. 🎩
In thetab you’ll be able to add and/or remove lots of buttons. Let’s walk through all of those buttons, and see what they look like.
The play bar allows your viewers to scrub through your video. Disabling the play bar will disallow the viewer to skip ahead (and/or hop backward) in your video. The play bar also includes a hover thumbnail preview. Now your viewers can see what’s coming up next without skipping forward.
This button allows a viewer to change the volume of your video. To adjust the volume, hover over the icon, and drag the black dot up or down.
This option allows a viewer to watch your video in full screen. That’s pretty much its hit single.
Settings allow your viewers to choose their playback quality and speed.
Most videos are set to Auto, which will use adaptive streaming to play your videos. You can, however, manually choose a quality by selecting one from the settings menu.
A viewer can also choose to set a playback speed for videos. This is great for long form teaching videos, or just.
All of your controls (play buttons, play bar, volume) can be set to be visible as soon as the thumbnail loads for your video. Just select this option in the Controls tab. Here’s what your video will look like when this is set to true.
Fun fact: this video has all controls turned on, including Controls Visible on Load.
Have a 360 video? Dang, you’re ahead of the curve. 🌐
Check out our 360 video page for all the details about hosting 360 videos on Wistia.
If that’s not something you care about, that’s cool too. Just click the 360 video checkbox after you’ve uploaded your 360 video, and don’t forgot to save your customizations.
Videos played in most mobile environments will utilize the Wistia player controls, however there are some key exceptions where playback is handed off to the native player of the device. When a video is playing in the native player this means that most customizations made in the Customize panel will not be applied, and the native controls will display in lieu of the Wistia player controls. This primarily occurs when entering fullscreen on iOS devices, or using some older mobile browsers which don’t fully support our modern mobile player.
Check out our screenshot of a Wistia video on an iPhone.
Our popover embed has a few perks that aren’t in the Customize panel. You might not be in love with the animation we have for the thumbnail on a popover. (As shown below.)
If that’s not your jam, you’ll just want to change one tiny piece of your popover embed code. Change
Afterwards, you’re good to go!
For more on customizing your popover embeds, check out our popover customizations page.
Sometimes your controls might look a little wonky, or be missing altogether. In some cases, you might have some overly aggressive CSS that’s affecting your video embeds. We recommend testing out the Fallback embed. It’s a more resilient iframe embed code type, that is not as easily overwhelmed by aggressive CSS.
Next – let’s add Share buttons!