How to make the Player Responsive

Here’s how the process works.

Let’s get started. First things first… upload a video!

Go to the video dashboard, choose the desire video title, then go to “Start Asset” Select, “Create Your Own.” Choose desire frames and click “save”.

Video Tab

28

Click on Video Title

127

 

Video Start Asset

33

 

Create Your Start Asset

128

 

Under the video player see the responsive setting – you can choose options either “Yes or No”.

129

If you select “Yes” the video player will become responsive and will adapt to any screen size automatically. Then click on Save Changes button to save the changes.

Then scroll down to Insert video and get the standard embed code, copy the load script, insert it into your web page.

Video Format

59

Copy the Standard Embed script

130

 

Paste the Standard Embed script on your WordPress page or post

131

 

Now your video player is fully responsive. The video is playing in any Device now. Here is the Example:

132

 

In the responsive setting if you select “No” the video player size will remain fixed. It will not adapt the screen size accordingly.  Make sure to click on the Save Changes button to save the changes.

133

Same procedure as above, scroll-down to insert video and get the standard embed code, copy the load script, insert it into your web page.

Here is the example of non-responsive video player after selecting “No”

134

 

“When you embed a video player in a page, you will notice that it does not resize with the browser window. This occurs because, by default, the video player is given a fixed width and height, preventing it from responding to changes in the browser. One aspect of responsive web design is ensuring that elements within your page adapt automatically to different screen sizes.”

If you have any questions or ways to improve this tutorial, please contact us at support@oculu.com