Insert Stuff HTML code

Question

Hi there, I am trying to find out how we could update the HTML code that is used when inserting our Panopto videos through Insert Stuff. I was wondering whether the HTML was configurable either in the Brightspace backend, on the Panopto side or whether it was set in the LTI integration? For example, at the moment, when we insert a Panopto video via Insert Stuff, we get the following:

(I have added the ### as placeholders for demonstration) Where would this HTML be configured as we need to modernise it? Thank you. Bjorn

Bjorn.L.964 · Answer

Thank you Abrar, I think it might need to be a conversation with Panopto then. The HTML/CSS that is being inserted via the editor is really dreadful at this point in time and harks back to the early 2000s. Currently, adding and absolute positioned element inside a relative positioned

causes countless issues when users (who do not understand HTML and should not be asked to view the source code) try to delete the video or content around the video and end up only deleting the container, meaning the video floats above their content.

Abrar.S.661 · Answer

Hello Alyssa,

The default HTML that is consistently inserted wouldn't be configured on Brightspace's end. This should be the HTML code that is being adjusted on Panopto's side by their development team. I do not believe Panopto has a configuration on their side where the client can adjust the HTML code - but the Panopto team would have to confirm.

If you are looking to adjust the HTML after it has been added, then you can edit the LTI item > Go to the HTML Editor > View Source code and make the changes here. These would be the same steps as you have taken to see the HTML code.

Best regards,

Abrar

Bjorn.L.964 · Answer

Hi Alyssa,

I am looking to configure Brightspace/Panopto/LTI. We need to change the default HTML that is inserted when the user chooses to Insert Stuff > Panopto (video).