[D] How to show a pop up video on loading the form?

Suggy
Giga Sage

How to show a pop up video on loading the form?

 

Like this in the image below?

pop up video.png

 

 

 

 

 

 

 

 

 

Note - I activated the 'Now assist for creator' plugin. When I opened the business rule, I saw that popup with a video in it. 

So I am looking for details on how it can be implemented 🙂

1 ACCEPTED SOLUTION

Viraj Hudlikar
Giga Sage

Hello @Suggy 

 

In my PDI I tried this check this if it helps you.

 

First, I added an attachment over any dummy record in platform I added video on PRB record.

VirajHudlikar_0-1738152280427.png

Created a UI Page Named as "Video_Popup_Content" and HTML code as below 

 

<html>
<head>
    <title>Video Player</title>
</head>
<body>
<video controls="controls" width="100%" height="400">
<source src="/sys_attachment.do?sys_id=2910034fc397d210d9d679ec0501315b&amp;view=true" type="video/mp4" />
</video>
</body>
</html>​

 

Last a onload client script on incident table.

 

function onLoad() {
   //Type appropriate comment here, and begin script below
    var modal = new GlideModal('Video_Popup_Content'); // Matches the UI Page name
    modal.setTitle('Training Video');
    //modal.setPreference('videoUrl', videoUrl);
    modal.setWidth(800); // Adjust width as needed
    modal.render();

}

 

 

Now when record load on the screen it shows video as showcased by you here is screenshot:

VirajHudlikar_1-1738154029102.png


Note: Have attached GIF file to see working rather seeing only static screenshot.

Also, you can enhance more in UI Page on basis of your requirement.

 

If my response has helped you hit helpful button and if your concern is solved do mark my response as correct.

 

Thanks & Regards
Viraj Hudlikar.

View solution in original post

8 REPLIES 8

Hi @Suggy 

 

I’m not entirely certain, but it seems ServiceNow likely created this video using specialized video software and then embedded it here. Since the video is pre-recorded and not live, an external tool must have been used to produce it.

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

@Suggy 

did you debug and see how it's rendered?

Regards,
Ankur
Certified Technical Architect  ||  9x ServiceNow MVP  ||  ServiceNow Community Leader

Viraj Hudlikar
Giga Sage

Hello @Suggy 

 

In my PDI I tried this check this if it helps you.

 

First, I added an attachment over any dummy record in platform I added video on PRB record.

VirajHudlikar_0-1738152280427.png

Created a UI Page Named as "Video_Popup_Content" and HTML code as below 

 

<html>
<head>
    <title>Video Player</title>
</head>
<body>
<video controls="controls" width="100%" height="400">
<source src="/sys_attachment.do?sys_id=2910034fc397d210d9d679ec0501315b&amp;view=true" type="video/mp4" />
</video>
</body>
</html>​

 

Last a onload client script on incident table.

 

function onLoad() {
   //Type appropriate comment here, and begin script below
    var modal = new GlideModal('Video_Popup_Content'); // Matches the UI Page name
    modal.setTitle('Training Video');
    //modal.setPreference('videoUrl', videoUrl);
    modal.setWidth(800); // Adjust width as needed
    modal.render();

}

 

 

Now when record load on the screen it shows video as showcased by you here is screenshot:

VirajHudlikar_1-1738154029102.png


Note: Have attached GIF file to see working rather seeing only static screenshot.

Also, you can enhance more in UI Page on basis of your requirement.

 

If my response has helped you hit helpful button and if your concern is solved do mark my response as correct.

 

Thanks & Regards
Viraj Hudlikar.

Thanks a lot @Viraj Hudlikar