How does Philips TV Browser get preview images for pages?

Question

I want to provide my own image for viewing on a page in the Philips TV browser (NETTV models). It is displayed near the page in the story.

How can i do this?

(image from avforum obtained from google search)

Philips TV uses Opera 11.6 as a browser. UserAgent line:

Opera/9.80 (Linux mips; U; HbbTV/1.1.1 (; Philips; ; ; ; ) CE-HTML/1.0 NETTV/4.0.2; en) Presto/2.10.250 Version/11.60

Answer 1

I don’t know exactly how the Philips TV browser works, but the most logical test would be to tag og:imageand see if the TV displays it.

<meta property="og:image" content="http://example.com/image.png"/>

, , , . , :

. , http://whatsmyuseragent.com/ .

script, , , .

, , .

function hideSplash() {
  document.getElementById("tv-splash").style.display = "none";
}

// Remove '|Mozilla' when development is ready 
if (/Philips|Mozilla/.test(navigator.userAgent)) {
  setTimeout(hideSplash, 2000);
} else {
  hideSplash();
}

#tv-splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f00 url(http://i.imgur.com/IonCAf7.jpg) center center no-repeat;
  background-size: 50%;
  z-index: 1;
}

<div id="tv-splash"></div>
<h1>My website</h1>

Hide result