Roku Developer Program

Join our online forum to talk to Roku developers and fellow channel creators. Ask questions, share tips with the community, and find helpful resources.
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Overlaying video with interactive elements

I am new to Roku development and was wondering if there is a way to overlay interactive elements over the video screen - I wan tot implement an Amazon X-ray like feature over the content in my channel.  I want users to be able to click a link over the video and then bring up additional related content such as photos or related text. Is this doable as an in video experience? If not what would be recommended way of  offering the closest to this experience?

0 Kudos
Roku Guru

Re: Overlaying video with interactive elements

it's doable. Video is playing in separate plane behind, on top of it is the UI plane, then they can combined by hardware into (hdmi) signal
0 Kudos
Roku Guru

Re: Overlaying video with interactive elements

Just consider the z-index. so if you have the video node and then another node on top of it, you will see it over the video.

<video id="videoPlayer" />
<button id="someButton" visible="false"/>

 The video is now behind the button video. Of course you can customize it however you wish based on conditional statements for example a custom function.
sub showButton()
if (m.videoPlayer.state = "pause")
  m.someButton.visible = true
  end if
end sub
0 Kudos