Filters: Multi-Embed Filter

filter_multiembed
Maintained by I Teach With MoodleFrederic Nevers
Moodle filter to facilitate embedding of third-party content using simple copy/paste of URLs (e.g. Google Docs, YouTube, ThingLink, Quizlet, Padlet, etc.). 3 new services recently added -> now supports 31 services!
833 sites
270 downloads
52 fans
Current versions available: 3

Description

The Moodle Multi-Embed filter automatically turns URLs from supported services into embedded content, without any user input. By using the Moodle Multi-Embed filter, Moodle users (e.g. teachers) do not need to know how to 'embed' objects from other sites, they only need to know how to copy/paste a URL into their Moodle content, using the standard Moodle editor. 

Now supports 31 online services! Responsive content (automatically adjusts to screen size), GDPR compliant. Lazyloading support (pages load fast)


Image description of the 'Multi-Embed Moodle filter'

Pre-requisites

Please make sure that you have enabled the 'Convert URLs into links' filter, and placed it above the Multi-Embed filter, as shown below. This setting can be found at Site administration > Plugins > Filters > Manage filters. Ensure both filters are set to 'Content and Headings'


Please ensure that the 'Converts URLs into links and images' filter settings are set to filter all types of content at Site administration > Plugins > Filters > Convert URLs into links and images as shown below 



Depending on your Moodle installation, you may also need to do the following

  • In Site administration > Security > Site policies, set 'Allow EMBED and OBJECT tags' to 'Yes'


Supported services

The following services are currently supported. Services will be added on a regular basis. Please add an issue here if you would like a service to be added

  1. Book Creator - https://bookcreator.com
  2. Canva - https://www.canva.com
  3. ClassTools - https://www.classtools.net
  4. CodePen - http://codepen.io
  5. Desmos - https://www.desmos.com
  6. Diagnostic Questions - https://diagnosticquestions.com
  7. eMaze - https://www.emaze.com
  8. EtherPad - https://etherpad.openstack.org
  9. Personal Google Docs, Drawings, Forms, Sheets, Slides - https://docs.google.com
  10. GSuite Google Docs, Drawings, Forms, Sheets, Slides - https://gsuite.google.com
  11. Google Drive files (PDF, videos, etc.)
  12. Haiku Deck - https://www.haikudeck.com
  13. ImgUr - http://imgur.com
  14. Infogr.am - https://infogr.am
  15. LearningApps - https://learningapps.org
  16. Padlet - https://padlet.com
  17. PBS - http://www.pbs.org/video/
  18. PiktoChart - https://piktochart.com
  19. Poll Everywhere - https://www.polleverywhere.com
  20. Prezi - https://prezi.com
  21. Quizlet - https://quizlet.com
  22. Riddle - https://www.riddle.com
  23. Slid.es - https://slid.es
  24. Smore - https://www.smore.com
  25. SoundCloud - https://soundcloud.com
  26. StudyStack - https://www.studystack.com
  27. Sutori - https://www.sutori.com
  28. TED - https://www.ted.com
  29. ThingLink - https://www.thinglink.com
  30. Trello - https://www.trello.com
  31. YouTube - https://www.youtube.com

Services tested, not currently supported

The following services have been tested, but cannot currently be supported (either the service does not offer embedding, or the embedding code cannot be reverse-engineered from the URL). Please create an issue here if you think it can be done, or better yet send a pull request here .

Image attribution: Magic Wand by Arthur Shlain under CC-BY-3.0-US License. Colour of icon was changed from black to Lilac.

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4

Contributors

I Teach With Moodle
Frederic Nevers (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Comments

  • Picture of Karen Holland
    Tue, Nov 22, 2016, 5:09 PM
    Hi Fred, I've tested with the new admin/settings.php?section=filtersettingurltolink as discussed in the bug tracker, and am pleased to report that this is now working! One minor issue I did find is that it doesn't work on label header content, even if the filter is set to "Content and headings". I imagine this will be mainly used for page content, but it would be nice to see it working in labels as well.

    I'm happy to recommend this plugin for approval! Nice job smile
  • I Teach With Moodle
    Sat, Dec 24, 2016, 8:35 PM
    Hi Karen, may I ask the exact version of Moodle you have tested this plugin with? I have only been able to reproduce the issue you mention (does not work on labels) on Moodle 3.1.3+ (Build: 20161202) or above, so far. It works fine on earlier versions (i.e. URLs in labels are embedded).
    Thanks,
    Fred
  • Picture of Joseph Liaw
    Fri, May 5, 2017, 9:22 PM
    Hi Fred,

    THANK you for this amazing plugin! The Google embed update is AWESOME--works seamlessly and looks great on mobile devices as well....definitely will be useful for instructors and students alike and create great synergy between Moodle and the strengths of the Google suite of tools....keep up the great work!
  • I Teach With Moodle
    Sat, May 6, 2017, 2:03 PM
    Hi Joseph,
    I am glad you find it useful. I will be adding a few more services before the end of the academic year. Please let me know if there is a service you'd like supported, that is not currently supported by this plugin.
    Cheers,
    Fred
  • Picture of Joseph Liaw
    Tue, May 9, 2017, 3:45 AM
    Hi Frederic:

    Multiembed filter works amazing and should eventually be part of the core....

    Idea to enhance functionality: sometimes a teacher doesn't want to embed content, but would rather just "link" out to the content in new window / tab--I know they can go into the filter property settings and disable the multi-embed filter, but that is a rather awkward workflow. Would it be possible to add to the filter a tag that would tell the multiembed filter to ignore the link (e.g. add to the link "?tag=nofilter").....
  • Picture of Joseph Liaw
    Tue, May 9, 2017, 4:34 AM
    Ooops....posted the comment before finishing....my apologies....

    The idea would be then the course designer would have the best of both worlds--the ability to quickly embed content with a simple link thanks to the magic of the multiembed filter, while also having the power to instead just post a link that opens in another window....

    Thanks for sharing your great work with the Moodle community!!!

    --Joe
  • I Teach With Moodle
    Tue, May 9, 2017, 7:07 PM
    @Joseph, this is a good idea, thank you for sharing. I will see if I can implement it. I am also planning on adding 'lazy loading' of embedded content, as some of the teachers I work with now have pages with dozens of embed. This sometimes slows down page load.
    Cheers,
    Fred
  • Picture of Joseph Liaw
    Wed, May 10, 2017, 8:17 AM
    Frederic:

    Great idea on adding "lazy loading"....this would be like Guy Thomas' new Image Optimiser filter (https://moodle.org/plugins/filter_imageopt) that also allows "lazy loading"....a powerful combination of filters that would enable instructors to deliver great, media rich content without slowing down page load times.....functional, practical, and aesthetically pleasing while being simple to use!!!
  • Picture of Joseph Liaw
    Fri, May 19, 2017, 3:30 AM
    Hi Frederic:

    Wanted to report a bug with the filter using Moodle 3.1--verified the bug with both the Essential and Snap theme....if I have a link to a PDF document, the Multi-Embed filter attempts to parse out the PDF link but nothing shows up...I went into the Filter settings and there isn't any option for embedding PDF's (I was hoping I could just disable it)....

    Having a tag to have the filter ignore a link would solve this problem as well.....

    Thanks again for your great work and sharing with the Moodle community!
  • I Teach With Moodle
    Fri, May 19, 2017, 7:14 PM
    Hi Joseph, I'm very sorry you have experienced false-positives. Are those PDF documents stored in Google Drive? I am working on a fix, which hopefully will be out by early next week. Pesky end of year school reports to write at the moment...
    Cheers
    Fred
  • Picture of Joseph Liaw
    Sat, May 20, 2017, 6:23 AM
    Hi Fred,

    No worries--you're filter is WONDERFUL and for the pages where I had a conflict, I just turned it off.

    Sorry I didn't clarify, but the PDF that was getting embedded as a "blank" iframe was a PDF file stored directly in Moodle...instead of turning a course into a "file dump", I am trying to train instructors to deliver information and provide resources "in context" of learning--for example, on a page describe an activity or assignment (e.g. a frog dissection), embed a video clip providing more information, and then provide a link to a document (e.g. in this case a PDF of a laboratory guide to a frog dissection) ...in the Atto editor, simply highlight some text or an image, pick the "Link" tool, and then instead of a URL you can simply upload a PDF to the link....

    Hope that helps with troubleshooting....and again, thank you for sharing a truly useful plugin that many instructors and students will find extremely useful....
  • I Teach With Moodle
    Mon, May 29, 2017, 3:22 PM
    Hi Joseph, I am unable to reproduce the error you describe. Does the PDF have a name that looks like it could trigger the filter in any way? Is there any way you could share the HTML code in your Atto editor? Feel free to use the help forum if you need to attach files. I have tried with multiple files in a few sites, and it always shows the link instead of trying to embed the PDF. I am still working on a decent solution for the 'nofilter', as everything I have tried so far is very 'hacky'. Will keep you posted.
    Cheers,
    Fred
  • Picture of Joseph Liaw
    Thu, Jun 1, 2017, 1:05 AM
    Hi Fred:

    Here's a sample code snippet of trying to link a PDF to some text or an image from with Moodle using the Atto editor:

    Please PRINT OUT & complete this Retake Ticket Form (PDF)to help you plan and schedule your retake exam.  

    Basically, the idea is to deliver content and documents "in context" by providing some directions to a lab experiment, study guide, etc.--a teacher would simple highlight some text or an image, and then with the Link tool on the Atto toolbar, instead of linking to a URL, they would simply upload a PDF.

    Here's a screenshot of what it should look like (I have to turn off the multiembed filter to make this work):

    https://goo.gl/OUd0Rz

    ...but this is what it looks like with the filter on:

    https://goo.gl/Ow5bG6

    Thanks Fred!
  • Picture of Joseph Liaw
    Thu, Jun 1, 2017, 1:20 AM
    Hi Fred:

    Here's a sample code snippet of trying to link a PDF to some text or an image from with Moodle using the Atto editor:

    Please PRINT OUT & complete this Retake Ticket Form (PDF)to help you plan and schedule your retake exam.  

    Basically, the idea is to deliver content and documents "in context" by providing some directions to a lab experiment, study guide, etc.--a teacher would simple highlight some text or an image, and then with the Link tool on the Atto toolbar, instead of linking to a URL, they would simply upload a PDF.

    Here's a screenshot of what it should look like (I have to turn off the multiembed filter to make this work):

    https://goo.gl/OUd0Rz

    ...but this is what it looks like with the filter on:

    https://goo.gl/Ow5bG6

    Thanks Fred!
  • Picture of Joseph Liaw
    Thu, Jun 1, 2017, 1:20 AM
    Hi Fred:

    Here's a sample code snippet of trying to link a PDF to some text or an image from with Moodle using the Atto editor:

    Please PRINT OUT & complete this Retake Ticket Form (PDF)to help you plan and schedule your retake exam.  

    Basically, the idea is to deliver content and documents "in context" by providing some directions to a lab experiment, study guide, etc.--a teacher would simple highlight some text or an image, and then with the Link tool on the Atto toolbar, instead of linking to a URL, they would simply upload a PDF.

    Here's a screenshot of what it should look like (I have to turn off the multiembed filter to make this work):

    https://goo.gl/OUd0Rz

    ...but this is what it looks like with the filter on:

    https://goo.gl/Ow5bG6

    Thanks Fred!
Please login to post comments