How to add a video as a catalog Item

davidngu972 · ‎03-03-2020

I added a video to "System UI> Videos" and want to create an item catalog with the video. How do I do so?

Miguel Donayre · ‎03-03-2020

Follow these steps -

Go to the script include table and search for HTMLSanitizerConfig

Open the script - after line 15 copy and paste these lines of code - just like the picture below

  embed:{attribute:["src","type","allowfullscreen","allowscriptacces","plugnspage"]},
    object:{attribute:["classid","codebase"]},
    param:{attribute:["name","value"]}

after that, you need to set and attribute to false-

you first have to right-click the description in the catalog item to open the context menu -

click on "configure Dictionary"

on the bottom of that new page, there is a tab called attributes - you should see a new option - click it

now make sure it looks like the picture - once it does click save

now type in sys_properties.list in the navigation menu search bar -

now search for this property - "glide.ui.html.editor.extended_valid_elements" property

keep searching it doesnt always popup so try glide.ui.html and look or it on the list -

open it and add this to the value section and save

a[onclick|href|target|rel|media|hreflang|type|charset|name|rev|shape|coords|download|id|accesskey|class|dir|lang|style|tabindex|title]

now go back to the catalog item and insert the video back in. and it should work

View solution in original post

Miguel Donayre · ‎03-03-2020

Hello ,

In the catalog item Description, there is an option for video. Just click and add it from the library option here is the documentation on it as well.

If my answer helped you, mark it as correct and helpful.

davidngu972 · ‎03-03-2020

When i click save, the video disappears. Any way to resolve this?

Miguel Donayre · ‎03-03-2020

By default, the HTML Sanitizer removes videos from HTML fields. To prevent the video from being removed:

Add an attribute to the text field on the form that the video is added to: html_sanitize=false. Adding the attribute stops this HTML field from being sanitized in the future.

Modify the white list in the script include HTMLSanitizerConfig to add the embed, object, and param attributes. The script include allows the attributes to be used in all HTML fields in the future. For example:

HTML_WHITELIST :{ 
    globalAttributes:{ 
      attribute:[], 
      attributeValuePattern:{}
    }, 
    embed:{attribute:["src","type","allowfullscreen","allowscriptacces","plugnspage"]},
    object:{attribute:["classid","codebase"]},
    param:{attribute:["name","value"]}
  }

Universally override elements that the TinyMCE strips out by adding a list of elements to the glide.ui.html.editor.extended_valid_elements property. For example, add
```
a[onclick|href|target|rel|media|hreflang|type|charset|name|rev|shape|coords|download|id|accesskey|class|dir|lang|style|tabindex|title]
```

davidngu972 · ‎03-03-2020

can you provide the a screenshot on where i can add that to the 'text field'?