Project

General

Profile

Actions

Feature #17905

closed

Embedding Video Ant

Added by Laurie Hurson almost 1 year ago. Updated 12 months ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
Shortcodes and embeds
Target version:
Start date:
2023-03-28
Due date:
% Done:

0%

Estimated time:
Deployment actions:

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

Actions #1

Updated by Boone Gorges 12 months ago

  • 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.)

Actions #2

Updated by Laurie Hurson 12 months ago

Hi Boone,

Thanks for looking into this. I will reach out to the the team there and let you know what they say.

Actions #3

Updated by Raymond Hoh 12 months ago

Hi Laurie,

According to VideoAnt's documentation, it does appear that embedding is possible: https://ant.umn.edu/documentation##section-ant-settings-privacy-and-sharing. Would it be possible to share an embed code example with us?

Actions #4

Updated by Laurie Hurson 12 months ago

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

Actions #5

Updated by Raymond Hoh 12 months ago

  • 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%.

Actions #6

Updated by Laurie Hurson 12 months ago

Hi Ray,

Thanks for this! I will test it on the Commons once it goes live and report back.

Actions #7

Updated by Boone Gorges 12 months ago

  • Status changed from Staged for Production Release to Resolved
Actions

Also available in: Atom PDF