Adding Multiple Empora Players to a single Mobile Page

A few days ago, I was asked why there was a lot of whitespace between videos when they pasted the HTML code onto their website.

I had a look and saw that there wasn’t any whitespace until it was explained that the website was a mobile website. So I loaded on a mobile site and sure enough, there was a lot of white space between videos.

By default, the settings lock the frame width to a maximum of 640 pixels wide and a fixed 360 pixels high. These settings can be changed in the Skin Configuration.

Here’s where you need to experiment, however, I have it on good authority that the height should be set to 200 to remove all the white space on a mobile screen.

There is now an update to this that will allow the embed code to automatically set the height of the video depending on the device. Have a read of it here.

Any questions? Leave a comment.


Leave a Reply

Your email address will not be published. Required fields are marked *