AnsweredAssumed Answered

Embeding an external online video to a page but using the canvas video player.

Question asked by Chun Li on Aug 4, 2015
Latest reply on Aug 5, 2015 by James Jones

I am trying to embed an external online video to a page but using the canvas video player.

 

I tried to replace the URL in src="" but it did not work. Any suggestions? Thank you.

 

This is the coding part I am looking at. I highlighted the URL I am trying to change.

 

<p><a id="media_comment_m-2ktp1ujk7k23NaNHZdUo177BK9mPuqhD" data-media_comment_type="video" class="instructure_inline_media_comment video_comment" href="#" style="padding: 0px; display: none;"><span style="background-image: url(https://apse2.nv.instructuremedia.com/p/2/thumbnail/entry_id/m-2ktp1ujk7k23NaNHZdUo177BK9mPuqhD/width/140/height/100/bgcolor/000000/type/2/vid_sec/5);" class="media_comment_thumbnail media_comment_thumbnail-normal">                        <span class="media_comment_thumbnail_play_button">                          Click to view                        </span>                      </span></a><div><div tabindex="0" style="margin-bottom: 15px;"><span class="mejs-offscreen">Video Player</span><div id="mep_0" class="mejs-container svg mejs-video" tabindex="0" role="application" aria-label="Video Player" style="width: 550px; height: 393px;"><div class="mejs-inner"><div class="mejs-mediaelement"><video width="550" height="393" preload="metadata" src="https://apse2.nv.instructuremedia.com/fetch/QkFoYkIwa2lKM1F0TW0xQ1FXVnJjSFZaTjBkM1RGcDNTelpyYVRGVE1qZzJOWFppYUd0d2NYb0dPZ1pGVkd3ckJ3cmt3bFU9LS0wZTMwYjk3OTBiYjI0OGUwYWNmYjMzNWViMWUwM2YyNzg2MzQ3MmUz.mp4"><source type="video/mp4" src="https://apse2.nv.instructuremedia.com/fetch/QkFoYkIwa2lKM1F0TW0xQ1FXVnJjSFZaTjBkM1RGcDNTelpyYVRGVE1qZzJOWFppYUd0d2NYb0dPZ1pGVkd3ckJ3cmt3bFU9LS0wZTMwYjk3OTBiYjI0OGUwYWNmYjMzNWViMWUwM2YyNzg2MzQ3MmUz.mp4" title="854x480 431 kbps"><source type="video/mp4" src="https://apse2.nv.instructuremedia.com/fetch/QkFoYkIwa2lKM1F0TW0xQ2FEaGtURXRZWjFFNFlXNXRNbVZEUW5waU1YQktVbGRXT1ZKMWFEZ0dPZ1pGVkd3ckJ3cmt3bFU9LS0xNTYyNjMzMjkyMzAzM2IwOTFiYTI0MDBhMDdmYTY4MzRkZGFjYzk4.mp4" title="640x360 385 kbps"><source type="video/mp4" src="https://notorious-prod-apse2.s3.amazonaws.com/originals/o-2kxBiMFVZBrvi7gjNrnFT4fQRPfTHyZ4.mp4?AWSAccessKeyId=AKIAJRBI3MOS6HDRO6XA&Signature=Wm2pWQZaQjwmETpTnRMe1J0lJZ0%3D&Expires=1438835722" title="854x480 848 kbps"></video></div><div class="mejs-layers"><div class="mejs-captions-layer mejs-layer" style="display: none; width: 550px; height: 393px;"><div class="mejs-captions-position mejs-captions-position-hover"><span class="mejs-captions-text"></span></div></div><div class="mejs-chapters mejs-layer" style="display: none; width: 550px; height: 393px;"></div><div class="mejs-poster mejs-layer" style="display: none; width: 550px; height: 393px;"></div><div class="mejs-overlay mejs-layer" style="width: 550px; height: 393px; display: none;"><div class="mejs-overlay-loading"><span></span></div></div><div class="mejs-overlay mejs-layer" style="display: none; width: 550px; height: 393px;"><div class="mejs-overlay-error"></div></div><div class="mejs-overlay mejs-layer mejs-overlay-play" style="width: 550px; height: 363px; display: block;"><div class="mejs-overlay-button" style="margin-top: -35px;"></div></div></div><div class="mejs-controls" style="display: block; visibility: hidden;"><div class="mejs-button mejs-playpause-button mejs-play"><button type="button" aria-controls="mep_0" title="Play" aria-label="Play"></button></div><div class="mejs-time mejs-currenttime-container" role="timer" aria-live="off"><span class="mejs-currenttime">01:14</span></div><div class="mejs-time-rail" style="width: 308px;"><span class="mejs-time-total mejs-time-slider" aria-label="Time Slider" aria-valuemin="0" aria-valuemax="114.545" aria-valuenow="74.032032" aria-valuetext="01:14" role="slider" tabindex="0" style="width: 298px;"><span class="mejs-time-buffering" style="display: none;"></span><span class="mejs-time-loaded" style="width: 298px;"></span><span class="mejs-time-current" style="width: 193px;"></span><span class="mejs-time-handle" style="left: 186px;"></span><span class="mejs-time-float" style="display: none; left: 121px;"><span class="mejs-time-float-current">00:44</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">01:54</span></div><div class="mejs-button mejs-captions-button"><button type="button" aria-controls="mep_0" title="Captions/Subtitles" aria-label="Captions/Subtitles"></button><div class="mejs-captions-selector" style="height: 56px; visibility: hidden;"><ul><li><input type="radio" name="mep_0_captions" id="mep_0_captions_none" value="none" checked="checked"><label for="mep_0_captions_none">None</label></li><li><a href="#" style="color:white">Upload subtitles</a></li></ul></div></div><div class="mejs-button mejs-speed-button"><button type="button">1.00x</button><div class="mejs-speed-selector" style="height: 150px; top: -150px;"><ul><li><label>2.00x<input type="radio" name="speed" value="2.00"></label></li><li><label>1.50x<input type="radio" name="speed" value="1.50"></label></li><li><label class="mejs-speed-selected">1.00x<input type="radio" name="speed" value="1.00" checked="true"></label></li><li><label>0.75x<input type="radio" name="speed" value="0.75"></label></li><li><label>0.50x<input type="radio" name="speed" value="0.50"></label></li></ul></div></div><div class="mejs-button mejs-sourcechooser-button"><button type="button" aria-controls="mep_0" title="Source Chooser" aria-label="Source Chooser"></button><div class="mejs-sourcechooser-selector" style="height: 93px; visibility: hidden;"><ul><li><label><input type="radio" name="mep_0_sourcechooser" value="https://apse2.nv.instructuremedia.com/fetch/QkFoYkIwa2lKM1F0TW0xQ1FXVnJjSFZaTjBkM1RGcDNTelpyYVRGVE1qZzJOWFppYUd0d2NYb0dPZ1pGVkd3ckJ3cmt3bFU9LS0wZTMwYjk3OTBiYjI0OGUwYWNmYjMzNWViMWUwM2YyNzg2MzQ3MmUz.mp4" checked="checked">854x480 431 kbps (mp4)</label></li><li><label><input type="radio" name="mep_0_sourcechooser" value="https://apse2.nv.instructuremedia.com/fetch/QkFoYkIwa2lKM1F0TW0xQ2FEaGtURXRZWjFFNFlXNXRNbVZEUW5waU1YQktVbGRXT1ZKMWFEZ0dPZ1pGVkd3ckJ3cmt3bFU9LS0xNTYyNjMzMjkyMzAzM2IwOTFiYTI0MDBhMDdmYTY4MzRkZGFjYzk4.mp4">640x360 385 kbps (mp4)</label></li><li><label><input type="radio" name="mep_0_sourcechooser" value="https://notorious-prod-apse2.s3.amazonaws.com/originals/o-2kxBiMFVZBrvi7gjNrnFT4fQRPfTHyZ4.mp4?AWSAccessKeyId=AKIAJRBI3MOS6HDRO6XA&Signature=Wm2pWQZaQjwmETpTnRMe1J0lJZ0%3D&Expires=1438835722">854x480 848 kbps (mp4)</label></li></ul></div></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button" aria-controls="mep_0" title="Mute Toggle" aria-label="Mute Toggle"></button><a href="javascript:void(0);" class="mejs-volume-slider" aria-label="volumeSlider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="80" aria-valuetext="80%" role="slider" tabindex="0" style="display: none;"><span class="mejs-offscreen">Use Up/Down Arrow keys to increase or decrease volume.</span><div class="mejs-volume-total"></div><div class="mejs-volume-current" style="height: 80px; top: 28px;"></div><div class="mejs-volume-handle" style="top: 25px;"></div></a></div><div class="mejs-button mejs-fullscreen-button"><button type="button" aria-controls="mep_0" title="Fullscreen" aria-label="Fullscreen"></button></div></div><div class="mejs-clear"></div></div></div></div><a href="#" style="font-size: 0.8em;">           Minimise embedded content         </a></div></p>

Outcomes