Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

stc LIVE Module 1B Training


Published on

Make your corurse more dynamic by embedding video and presentation on your stcLIVE course page.

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

stc LIVE Module 1B Training

  1. 1. stc LIVE Module 1B Training – Embedding Youtube, Vimeo and Slideshare.
  2. 2. <ul><li>Module 1B: Embedding Youtube, Vimeo and Slideshare </li></ul><ul><ul><ul><li>- Find out who can help you to make a video; </li></ul></ul></ul><ul><ul><ul><li>- embed video from Youtube; </li></ul></ul></ul><ul><ul><ul><li>- embed video from Vimeo; </li></ul></ul></ul><ul><ul><ul><li>- embed video from Slideshare; </li></ul></ul></ul><ul><ul><ul><li>- Upload presentations / documents onto Slideshare; </li></ul></ul></ul><ul><ul><ul><li>- Publish your presentations / documents on Slideshare; </li></ul></ul></ul><ul><ul><ul><li>- Embedding onto your stcLIVE course page. </li></ul></ul></ul>
  3. 3. CONTENTS 1) Contents 2) Making a video PART 1: EMBEDDING 3) Embedding from Youtube 4-5) Embedding from Vimeo 6) Embedding from Slideshare 7-9) Embedding to the coursepage PART 2: UPLOADING 10-11) Uploading to Slideshare
  4. 4. To have a video made, book in advance with us, we will come and make the video with you, and put it on the South Thames College channel on If you know the youtube/vimeo video or Slideshare powerpoint presentation you want to embed, go to the next page. CONTACT:
  5. 5. <ul><li>Embedding: Youtube </li></ul>
  6. 6. <object width=&quot;425&quot; height=&quot;344&quot;><param name=&quot;mov YOUTUBE 2 1 <ul><li>On Youtube, Vimeo or Slideshare , left </li></ul><ul><li>Click once on the &quot;Embed&quot; text to highlight it . </li></ul><ul><li>Right click and choose &quot;copy“ </li></ul><ul><li>Go to your course page ... </li></ul>
  7. 7. <ul><li>Embedding: Vimeo </li></ul>
  8. 8. VIMEO Click on &quot;Embed&quot;
  9. 9. <object width=&quot;400&quot; height=&quot;276&quot;><param name=&quot;allowfullscreen&quot; value=&quot;true&quot; /><param name=&quot;allowscriptaccess&quot; value=&quot;always&quot; /><param name=&quot;movie&quot; value=&quot;</a>. <ul><li>As with youtube, </li></ul><ul><li>Left click once on the &quot;Embed&quot; text to highlight it, </li></ul><ul><li>Right click </li></ul><ul><li>Choose &quot;copy&quot; </li></ul><ul><li>then Go to your course page ... </li></ul>2
  10. 10. <ul><li>Embedding: Slideshare </li></ul>
  11. 11. <object width=&quot;425&quot; height=&quot;344&quot;><param name=&quot;mov SLIDESHARE <ul><li>As with youtube, </li></ul><ul><li>Left click once on the &quot;Embed&quot; text to highlight it, </li></ul><ul><li>Right click </li></ul><ul><li>Choose &quot;copy&quot; </li></ul><ul><li>then … Go to your course page ... </li></ul>
  12. 12. <ul><li>Embedding onto your course page </li></ul>
  13. 13. Click on the Editing pad where you want the embedded screen Turn editing on 1 2 Remember to place your cursor where you want the video/presentation to be embedded. 3
  14. 14. Toggle HTML Source On the new screen, on the toolbar, Click the &quot;Toggle HTML Source&quot; 3 Paste the code from youtube/vimeo/slideshare here 4 Scroll to the bottom of the editing window and Save your changes 5
  15. 15. <ul><li>Turn editing on by clicking on the edit pad </li></ul><ul><li>Select/highlight video/presentation screen by clicking on it. (a vertical blue band appears to its right) </li></ul><ul><li>Just like text you can &quot; justify centre &quot; if you want…. </li></ul>To control the positioning of your video / presentation on your page
  16. 16. <object width=&quot;425&quot; height=&quot;344&quot;><param name=&quot;movie&quot; value=&quot;;></param><param name=&quot;allowFullScreen&quot; value=&quot;true&quot;></param><embed src=&quot;; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;></embed></object> <ul><li>Click on &quot;toggle HTML source&quot;, and: </li></ul><ul><ul><li>FOR YOUTUBE/VIMEO : change the width to &quot; 250 &quot; and the height to &quot; 200 &quot;. Smaller and the &quot;expand screen&quot; icon ( ) disappears from the youtube frame. </li></ul></ul><ul><ul><li>FOR SLIDESHARE: change the width to &quot; 600 &quot; and the height to &quot; 500 ” max. </li></ul></ul>“ Save changes&quot; To resize the video / presentation screen size on your page
  17. 17. <ul><li>Uploading onto Slideshare </li></ul><ul><li>You can either set up a new account with Slideshare or if you prefer to get South Thames College’s login and password details, </li></ul><ul><li>please see the image below </li></ul>
  18. 18. Click on &quot;Upload&quot; Click on “Browse and select files&quot; 1 2
  19. 19. Give it a title 1 Once your presentation is uploaded, this window opens Add tags that can help others with searches. 2 Write a short description 3 Click Publish 5 Select a category and privacy level 4
  20. 20. IT champions have one hour on their timetable to assist you with stcLIVE. Do not hesitate to ask for guidance and support.
  21. 21. If you have any queries, please contact us on [email_address] Remember we are here to answer your queries and help you get started … We hope you have enjoyed this training session. Please could you now complete our online evaluation for Training 1B? Many thanks!