Well, I put this video together and demonstrated this technique at a video workshop for our faculty last week, only to have it fail miserably in Internet Explorer 7. Of course. Go figure.
I have embedded dozens of YouTube videos in blogs, wikis, discussion boards and in older version of D2L (prior to 8.3) and have never had a problem. But the D2L HTML editor (which I believe is based on the open source TinyMCE editor) strips out the embed tag when you cut and paste using IE7.
This is a brutal bug, imho, and I’ve reported it to D2L as well as posted it in the D2L user community.
At any rate, here is the video, complete with a spiffy annotation (my first for a YouTube video) explaining this does not work in IE 7.
10 Responses
Jesse Yuen
November 18th, 2008 at 5:35 pm
1There is a really handy javascript called swfobject (http://blog.deconcept.com/swfobject/) that detects and embeds (with valid html) flash content such as youTube videos.
I havent tried it but this may fix the IE7 issue.
Dennis
November 24th, 2008 at 2:46 am
2Also is to create html document in the file area with the youtube or other media and use iframe tag in the news item to link the "src" to that html file. It is a work around for any trouble some javascript, media, or flash code you need to run.
</dennis>
clintlalonde
November 24th, 2008 at 5:20 am
3Thanks Jesse and Dennis.
It looks like the problem is with the HTML editor and an HTML sanitizer D2L has in place to strip out invalid code before it gets saved via the HTML editor. That's what I got from D2L. Strange thing is, FireFox doesn't strip the code while IE 7 does, so if it is the sanitizer, then shouldn't it work on the server side and be browser agnostic?
The workaround is to take nothing bu the code in the <embed> tag and manually strip out the <param> tags. That seems to work. But it makes the process of embedding videos for my faculty, especially those that are not comfortable editing HTML, more cumbersome than it needs to be.
D2L Mystery Employee
March 4th, 2009 at 8:49 pm
4Easy fix. don't insert the html into the topic… just literally highlight and copy the video off the page, and paste it in, in the same manner you'd copy and paste anything else (in WYSIWYG mode). Little known easter egg. You can paste almost ANYTHING into the HTML editor. Just tested it in IE 7 and it works perfectly.
i.e. take the following steps:
1. Go to youtube, find your video
2. highlight the video player (i.e. select/drag over it with your mouse)
3. hit CTRL-C (to copy)
4. go to HTML editor in D2L, and go to where you want to put the video in your topic
5. hit CTRL-V (to paste it)
6. Save topic… voila! video inserted.
Clint Lalonde
March 4th, 2009 at 9:59 pm
5Thanks for the tip. Yeah, that works – a bit awkward trying to grab *just* the video player.
This is really unnecesary and cumbersome, though, especially when an elegant solution is right there in front of our face – the embed code. Plus, I suspect this workaround violates the YouTube terms of use.
C. You agree not to access User Submissions (defined below) or YouTube Content through any technology or means other than the video playback pages of the Website itself, the YouTube Embeddable Player, or other explicitly authorized means YouTube may designate.
I read that clause to mean you can't do the workaround you describe, unless you ask YouTube explicitly to do that. To which they would probably reply ,”well, why not use the embed code? That's what we put it there for.” :)
Clint Lalonde
March 4th, 2009 at 10:10 pm
6Thanks for the tip. Yeah, that works – a bit awkward trying to grab *just* the video player.
This is really unnecessary and cumbersome, though, especially when an elegant solution is right there in front of our face – the embed code. Plus, I suspect this workaround violates the YouTube terms of use.
C. You agree not to access User Submissions (defined below) or YouTube Content through any technology or means other than the video playback pages of the Website itself, the YouTube Embeddable Player, or other explicitly authorized means YouTube may designate.
I read that clause to mean you can't do the workaround you describe, unless you ask YouTube explicitly to do that. To which they would probably reply ,"well, why not use the embed code? That's what we put it there for." :)
Steve
April 14th, 2009 at 1:59 pm
7Your video shows a blank field when you toggle to HMTL, We have a wack of code that I ask people to delete and then paste the Youtube code.
Yes! I'm glad to see Firefox works.
Clint Lalonde
August 21st, 2009 at 6:32 pm
8I have found that, depending on where you access the D2L HTML editor from, what you see in the edit HTML code is different. In some instances, there is no existing code (like with the News widget), and in others you see the HTML head and body tags (as in the content editor).
If there is a block of code already in the HTML editor, I usually leave it there and paste any new code inside the body html tag.
Robin Leach
October 2nd, 2009 at 5:55 pm
9I have found that you can go into the preferences in the My Preferences and go to the Appearences & Accessibility tab to turn off the HTML editor. Then you can create the News item and paste the embed code in the text box. Save the news item and then turn the HTML editor back on. This will keep the HTML editor from modifying the code and the video will display. Just don't modify the news item afterwords with the HTML editor or the code will be changed and no longer work.
Clint Lalonde
October 3rd, 2009 at 1:21 am
10Ahhhh! Good workaround. I forgot you could actually go in and turn off
the HTML editor. Thanks for the reminder.
Still, wouldn't it be nice if the HTML editor would just leave the
code alone? Sigh.
RSS feed for comments on this post · TrackBack URI
Leave a reply
Subscribe
The stuff I write about
Recent Posts
The People I Follow
Translate this site
@clintlalonde on Twitter
Latest delicious links
Preceden is a free web application that lets you make timelines.
Planning on giving your students a video assignment? Here is a great primer on how to set up a video project for students. With assignment examples and rubrics. From Duke University.
PLP is a professional development model that immerses educators into environments and practices that allow them to learn and own the literacies of 21st Century learning and teaching.
Instance of Etherpad, hosted by Chris Prillo. More at http://chris.pirillo.com/better-than-google-docs-etherpad-alternatives/
Promising looking project ind evelopment. EduFeedr is an educationally enhanced feed reader for blog-based courses.
Also see: http://www.scribd.com/doc/22965114/EduFeedr-%E2%80%94-Redesigning-the-Feed-Reader-for-an-Open-Education
and https://wiki.mozilla.org/EduFeedr_Blueprint
The research was funded by mobile company Qualcomm, but still interesting to se the results that "classes using the smartphones have consistently achieved significantly higher proficiency rates on their end of course exams."
Nice list of video resources, including some online video editing services
I've found this as well
“Waves need to have a specific focus, otherwise it’s just a chat, and there are better mediums for that.”
“Waves that don’t have a specific focus need roles to help manage the threads.”
“Waves need maintenance. Stuff can be consolidated/deleted/cleaned. It’s a collaboration tool – people have to work/negotiate with each other.”
“By virtue of sharing something in a wave with others, the default expectation is that someone WILL edit what you say. It is not an authoring platform to exchange ideas. It’s a platform to converge ideas.”
“Facilitated/hosted waves need organization, maybe even design or Wave “templates.” Much like #lrnchat (Editor’s Note: running discussions on Twitter about learning) is organized with a warmup question and three ensuing questions, maybe a good wave needs to use blips or wavelets as conventions for certain types of group discussion or group work.”
Many students, teachers, instructional technologists, and administrators consider the LMS too inflexible and are turning to the web for tools that support their everyday communication, productivity, and collaboration needs. Blogs, wikis, social networking sites, microblogging tools, and other web-based applications are supplanting the teaching and learning tools previously found only inside the LMS.
Tags
ClintLalonde.net is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Canada License.
Design & layout may not be reused without permission. BloggingPro theme by: Design Disease