AnsweredAssumed Answered

Embed Video in Community Posts?

Question asked by Tracie Bosket on Sep 11, 2018
Latest reply on Sep 11, 2018 by Tracie Bosket

Hi,

Does anyone know how to embed a video into a post on the Canvas Community? I embedded two videos via the html editor. In the Rich Content Editor I can see them. But once I post them, there is just a large blank spot where the videos should be. Scroll to the end of this discussion. Please let me know if you have any ideas for them to show up?

Sean Nufer Stefanie Sanders any ideas?

This is what the html looks like...

 

 

<ul>
<li style="margin-bottom: 0.0001pt; text-indent: -0.25in; text-align: left;"><span style="font-size: 15.0pt; color: #3d3d3d;"> </span><span style="color: #3d3d3d; font-size: 22px;"><span style="font-size: 22px;"><strong>Hi Guys, Our phenomenal </strong></span><a href="/people/nzingo@vcccd.edu" style="font-size: 22px; color: #3d3d3d; font-weight: bold;" _jive_internal="true"><span style="color: #2989c5;">Nicholas Zingo</span></a><span style="font-size: 22px;"><strong>, Criminal Justice faculty, made two awesome videos! Check these out, they are really helpful for setting up a Flipgrid assignment, and how to fix an assignment that is messed up <img class="jive_macro jive_emote"  jivemacro="emoticon" ___jive_emoticon_name="wink" /></strong></span></span></li>
<li style="margin-bottom: 0.0001pt; text-indent: -0.25in; text-align: center;"><span style="color: #3d3d3d; font-size: 22px;"><strong>This is going be sent out to our faulty soon...</strong></span></li>
<li style="margin-bottom: 0.0001pt; text-indent: -0.25in; text-align: center;"></li>
</ul>
<h2 style="text-align: center;">Welcome to <a href="https://info.flipgrid.com/" rel="noopener" target="_blank">Flipgrid</a>! </h2>
<p style="text-align: center;"><img alt="Flipgrid Logo" height="64"  width="115" data-api-endpoint="https://vcccd.instructure.com/api/v1/courses/14563/files/1978512" data-api-returntype="File" />    <img alt="Flipgrid Add Button" height="60"  width="60" data-api-endpoint="https://vcccd.instructure.com/api/v1/courses/14563/files/1978517" data-api-returntype="File" /></p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><span style="font-size: 14.0pt;">Flipgrid is a fun and easy way to develop an  learning community (OEI Rubric B7). Check out <a class="inline_disabled" href="https://www.youtube.com/watch?v=1U2ONzmwQ6c" rel="noopener" target="_blank">Michelle's description</a>! Thanks to Microsoft Flipgrid is now free for instructors YAY!</span></p>
<p style="text-align: center;"><span style="font-size: 14.0pt;">Our beloved Nick Zingo, Moorpark Criminal Justice faculty, created the two videos below; "<a href="https://www.3cmediasolutions.org/privid/112784?key=b2ad09df7176bb691fb07480d9fa89645bbea6ac" rel="noopener" target="_blank">How to use Flipgrid in your Classroom</a>" and "<a href="https://www.3cmediasolutions.org/privid/112785?key=82f5a1f26352602f2fc9ebf77ccc8c4f23a25248" rel="noopener" target="_blank">How to Fix it if you Mess it up</a>!"</span></p>
<p style="text-align: center;"><span style="font-size: 14.0pt;">Check it out! </span></p>
<p style="text-align: center;"><span style="font-size: 14.0pt;">(Ask your friendly Instructional Technologists/Designers for help)</span></p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><span style="font-size: 12pt;">A few ideas...</span></p>
<p style="text-align: center;"><span style="font-size: 12pt;"><a href="http://blog.flipgrid.com/news/highered" rel="noopener" target="_blank">15 Ways  to Flipgrid in Higher Ed</a>     <a href="https://community.cengage.com/t5/Computing-Instructor-Forum/Flipgrid/td-p/6945" rel="noopener" target="_blank">Cengage and Flipgrid</a></span></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"><span style="font-size: 12pt;">(hmmm, the videos below is embedded but not showing up in this post. Any ideas Community?)</span></p>
<p> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><iframe height="360" title="Canvas-Flipgrid Detailed Instructions - Nick Zingo" width="640">

</iframe></p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><iframe height="360" title="Flipgrid_Start Over - Nick Zingo" width="640">

</iframe></p>

Outcomes