I need to create a page on my company’s site that is basically just an image. Within this image is a white space, which is where we want to use an iframe, which is pointed at a rolling QR code URL. This page will be displayed on TVs in our stores and should attract customers to scan the QR with their phone. We are using a digital signage player (Rockbot), so we don’t have any options to tweak how the page is designed; all I can do is give it the URL.
1. What is the best way to display the image so it fills the screen of the TV without cropping? The image was created in 3840×2160 to match the TV.
2. How can I accurately place the iframe on the page so the QR code fits in the box? The URL for the QR allows me to specify the size of the QR and I know the size of the box (in pixels) of the image. I just can’t get the coordinates from left and top to work properly. I was advised to place the iframe in a div. For some reason the dimensions I set for the div (250×250) aren’t showing up on the live site. It’s only showing 250×161.
I appreciate any help you guys can give!
[ad_2]