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.
cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
viewbix
Visitor

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?

Thanks
0 Kudos
2 REPLIES 2
NB_
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
norcaljohnny
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.

Example:
<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
Need Assistance?
Welcome to the Roku Community! Feel free to search our Community for answers or post your question to get help.

Become a Roku Streaming Expert!

Share your expertise, help fellow streamers, and unlock exclusive rewards as part of the Roku Community. Learn more.