Feature #17905
closed
Added by Laurie Hurson over 1 year ago.
Updated over 1 year ago.
Category name:
Shortcodes and embeds
Description
Hi All,
VideoAnt is a free video annotation tool from University of Minnesota. Some professors are starting to use the tool and I am wondering if we can make it possible to embed VideoAnt videos on the Commons, ideally with the annotation sidebar so students could use the tool right directly on a Commons site.
Video Ant: https://ant.umn.edu/
Video (Signed out):https://ant.umn.edu/kddtgowusb/view
Video (Signed in):https://ant.umn.edu/lpqkcetegx/annotate
- Status changed from New to Reporter Feedback
I just tested creating an iframe, and it didn't work. ant.umn.edu sets X-Frame-Options to SAMEORIGIN, which means that its arbitrary URLs (such as https://ant.umn.edu/kddtgowusb/view) can't be embedded by a third party.
This cross-origin restriction is common for services that don't want others to abuse their content. As such, it's likely that we could only build an embed for WP if the Video Ant people introduced an embed endpoint (which would have a more permission X-Frame-Options header). We could ask https://academics.cehd.umn.edu/digital-education/projects-and-resources/ but it's a non-trivial task, and I'm sure they're short on resources. Perhaps you could reach out to them and let them know that we're interested in embedding, and ask whether they've considered adding this feature? (Without outright asking them to do it.)
Hi Boone,
Thanks for looking into this. I will reach out to the the team there and let you know what they say.
Hi Ray,
Embed code is below:
<iframe src="https://ant.umn.edu/embedded/tjponkfkwt" height="975px" width="100%" scrolling="no" frameborder="0"></iframe>
from this video
https://ant.umn.edu/lwzxmcgcbt/annotate
- Category name set to Shortcodes and embeds
- Status changed from Reporter Feedback to Staged for Production Release
- Assignee set to Raymond Hoh
- Target version set to 2.1.4
Thanks for the embed code example, Laurie.
I've added a new shortcode and embed handler for VideoAnt: https://github.com/cuny-academic-commons/cac/commit/10d0ce4e7dfa978be4e6a2d69e918c216ec4d883. After next Tuesday's maintenance release, you should be able to paste a VideoAnt URL on its own line for embedding to work. For further customization, you can use the [videoant]
shortcode to customize the width and height:
[videoant url="PASTE URL HERE" height="500px" width="600"]
would set the height to 500px instead of the default of 975px and the width to 600 instead of the default of 100%.
Hi Ray,
Thanks for this! I will test it on the Commons once it goes live and report back.
- Status changed from Staged for Production Release to Resolved
Also available in: Atom
PDF