Autoplay on screen rotation

Autoplay on screen rotation

Rotate device component

When you have created an interactive video, you might want to force viewers to watch the video on a rotated device. This might enhance the viewing experience.

Ivory Studio allows you to force viewers to just this by way of the “Rotate device” component. When a viewer is, for example, holding his screen in landscape modus, a message would appear, asking the viewer to rotate his or her screen. The video will be paused automatically. After the screen has been rotated to the right position, the video will continue playing.

1.      Add to the timeline

Add the component “Rotate device” to the timeline. If you want this feature to be active during the entire interactive video, make sure the element is present on the entire length of the timeline.

2.       Setting up the orientation

Determine whether you want to force either landscape or portrait mode. 

3.      Save the project.

Click on the green checkmark to save the project.

4.     View the video

View the video via the project’s direct link (see: Publiceren en embedden). Attention: it can take up to 5 minutes before any changes become visible.

    • Related Articles

    • Play-button and home screen styles

      You can adjust the play-button and home screen style displayed at the beginning of the video through the parameters in the embed code. This allows you to change both the color of the play button, and the opacity of the overlay. What are parameters? A ...
    • Sending a WhatsApp message from a video

      Send a WhatsApp message from a video How cool is that! You can now send a WhatsApp message directly from a video. 1. Create an interaction You can set up an interaction on any component. Click on the blue ‘plus’ to create the interaction 2. Select ...
    • Subtitle Customization

      How to customize your subtitles Some projects need customization in their subtitles to follow the rules of the brand, or to make it more fitted for the target group or implementation. How to add subtitles A first thing ofcourse is how to add ...
    • Animate using keyframes

      Keyframes are the set-up positions of elements on their specific moments on the timeline. By using more than one keyframe, it is possible to linearly animate elements. Working with keyframes allows you to have elements move over the screen on the ...
    • Move element interaction

      You can have users change the position of elements by way of interaction. Use the ‘Move element(s)’ interaction to do so. You can use this function, among other things, for: Gamification of a video Moving information on or off the screen Switchable ...