Insert Stuff HTML code
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:<div style="left: 0; width: 75%; height: 0; position: relative; padding-bottom: 42.1875%;"><iframe src="###" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" allowfullscreen="allowfullscreen" scrolling="no" aria-label="Panopto Embedded Video Player" aria-description="###"></iframe>
(I have added the ### as placeholders for demonstration)
Where would this HTML be configured as we need to modernise it?
Thank you.
Bjorn
Answers
-
You can edit the source code on the HTML page, if this is embedded on a page of content in your course. Edit the page, and at the top, you'll see the source code button. It looks like the following in the WYSIWYG/HTML Editor: "<>".
Select this Source Code button, and then you'll see all of the HTML on that page and can edit it as you wish.
-
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).
-
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 -
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 <div> 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.
