Is there a way to make a video, the background of the service portal?

tones44
Kilo Contributor

Instead of a static image, is there a way to have a looped video(mp4 or other format) the background on the Service Portal index page?

1 ACCEPTED SOLUTION

ChrisBurks
Mega Sage

I think what Jeremy was trying to get at is that there is no video property for background like there is image. 

background-image: yes

background-video: no

However, it isn't a lost cause. There are a few options.

  • Embed a video and use css positioning to give the illusion of a background
  • Use video tag and use css positioning to give the illusion of a background
  • Use a looping giphy which is actually a moving image so just use the background-image property and it is a background
  • Or like in the example site you posted the url for it looks like they are using a carousel (flexSlider) which is the same as the first two listed

Here is an example of a giphy

find_real_file.png

 

Of course hopefully you would do a better job at making the giphy than I did. But it was just for example. 🙂

 

 

View solution in original post

5 REPLIES 5

jeremy_pottier
Kilo Expert

You could try using an already tested angular module, so you dont have to invent it your self:

GitHub - brandly/angular-youtube-embed: Embed a YouTube player with a simple directive

 If this response answered your question, please mark your question as answered. If you found it helpful, please mark the response as helpful

just to clarify. Im nott trying to embed a video.  Im tryiing to have the background, be a video.

 

As seen on this site...

http://www.servicenowappliancerepair.com/#_technology

 

can you share that code please

i got same task

venkatsnow19@gmail.com 

ChrisBurks
Mega Sage

I think what Jeremy was trying to get at is that there is no video property for background like there is image. 

background-image: yes

background-video: no

However, it isn't a lost cause. There are a few options.

  • Embed a video and use css positioning to give the illusion of a background
  • Use video tag and use css positioning to give the illusion of a background
  • Use a looping giphy which is actually a moving image so just use the background-image property and it is a background
  • Or like in the example site you posted the url for it looks like they are using a carousel (flexSlider) which is the same as the first two listed

Here is an example of a giphy

find_real_file.png

 

Of course hopefully you would do a better job at making the giphy than I did. But it was just for example. 🙂