Video Transparency for Lower Thirds

  • 1
  • Question
  • Updated 4 years ago
  • Answered
I have not been able to find a way to use a lower third video over a background loop.  I need to stream my animated background loops and lower thirds from HTML, since the video gadget does not loop properly.  Using in-line CSS, I'm able to set location and z-index properties so the lower third lays on top of the background, like you'd expect to see.

However, the lower third transparency / alpha channel does not seem to be preserved, so what should be transparent in the lower third blocks out the background video.

Since the use of animated lower thirds and background loops are a digital signage staple, I'd be interested to know what others are doing for this.

Also, since I'm streaming using HTML and not a gadget, am I still confined to only webm, mp4, and ogg file types with the Chromebox display?  If so, which of these formats support transparency?

Thanks in advance for any info on this topic!
Photo of DBB

DBB

  • 200 Points 100 badge 2x thumb

Posted 4 years ago

  • 1
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
DBB,

I'm going to run this by our creative department and see if they have any pointers for you. As far as transparency, webm does support it.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
DBB,

Our creative department is not aware of any clients that are using video for lower thirds. They relayed to me that in general, content creators prefer to use one of our gadgets/widgets like the scrolling text widget, or creating their own scrolling text website and using the web page widget.
Photo of DBB

DBB

  • 200 Points 100 badge 2x thumb
Seriously?  So they're not aware, or transparency is not supported?  

Most lower thirds obtained from commercial graphic houses are practically all animated at this point (.mov format, with alpha channel).  As I said, it's a signage staple.  Common practice is to incorporate a scrolling feed immediately under the lower third.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
DBB,

Transparency is most definitely supported on our platform, however the creative member that I spoke to is unaware of any users that are currently using transparent lower third video in their presentation. We do not have any test cases that I can readily produce.
Photo of DBB

DBB

  • 200 Points 100 badge 2x thumb
Thanks, Blake.  Do you know offhand if I can stream other formats using HTML, than what might otherwise be supported by the widgets/gadgets, or is that limitation pretty global to the platform?
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Ralph,

If you add the video using the video item, and it is the only item in the Playlist, it should loop automatically once it reaches the end of the video. Are you saying that this is not occurring at the moment?
Photo of Ralph Badtke

Ralph Badtke

  • 180 Points 100 badge 2x thumb
on my Asus ChromeBox the i trying to loop a webm file and it just wont loop. it stays on the last frame. I tried to make it loop via HTML code but to no avail. Any help would be greatly appreciated. Thanks  
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Ralph,

I've seen this happen sometimes, and typically it is corrected by reencoding the file. I'm not sure what occurs to make it not loop, but a simple reencode might help.

Let me know how you make out!
Photo of Ralph Badtke

Ralph Badtke

  • 180 Points 100 badge 2x thumb
also for some reason i tried to use the video with Google drive syntax it keeps giving me a error. so that's why i'm using a HTML code 
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Ralph,

Did you want to try storing it in our Storage repository? I've heard some users say they have had issues with Google Drive.