wiki:embed_youtube

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Last revisionBoth sides next revision
wiki:embed_youtube [2019/05/10 04:58] – ↷ Page moved from embed_youtube to wiki:embed_youtube espiegel123wiki:embed_youtube [2019/05/22 03:34] – size option and link to vshare home page espiegel123
Line 1: Line 1:
 ====== Embedding YouTube Videos in AB Wiki ====== ====== Embedding YouTube Videos in AB Wiki ======
 It is possible embed YouTube videos and videos from other popular video sharing sites in Audiobus Wiki pages. This tutorial demonstrates how to do it. It is possible embed YouTube videos and videos from other popular video sharing sites in Audiobus Wiki pages. This tutorial demonstrates how to do it.
 +
 +We recommend (as you will see below), using the "?small" size parameter which ensures that the thumbnails are sized right on mobile devices. There are other size options which you can read about on ht [[https://www.dokuwiki.org/plugin:vshare|vshare dokuwiki plugin page]]
 ~~NOTOC~~ ~~NOTOC~~
  
Line 32: Line 34:
 If your link is in the format **watch?v** format (shown below), you can use the toolbar to embed the video. If your link is in the format **watch?v** format (shown below), you can use the toolbar to embed the video.
  
-<WRAP indent><nowiki>https://www.youtube.com/watch?v=</nowiki>**QBqHm8a68yE**&feature=share</WRAP>+<WRAP indent><nowiki>https://www.youtube.com/watch?v=</nowiki>**0iMFZXvCsZQ**&feature=share</WRAP>
  
   * Click where you want the embedded video to appear on your page   * Click where you want the embedded video to appear on your page
Line 56: Line 58:
 **To create the embed manually**, copy the video id from the YouTube URL and proceed to the next step.The video ID is shown in bold in the example above. It is all the characters between ".be/" and "?" **To create the embed manually**, copy the video id from the YouTube URL and proceed to the next step.The video ID is shown in bold in the example above. It is all the characters between ".be/" and "?"
  
-<WRAP indent><nowiki>https://youtu.be/</nowiki>**lfYZk8Fn4-A**?list=PLTnh-zr9cXzC6Tru8ApCZVGnjKhPDAkNE</WRAP>+<WRAP indent><nowiki>https://youtu.be/</nowiki>**0iMFZXvCsZQ**?list=PLTnh-zr9cXzC6Tru8ApCZVGnjKhPDAkNE</WRAP>
      
      
 ==== STEP 3: Creating an Embed Manually ==== ==== STEP 3: Creating an Embed Manually ====
   * Place the cursor where you want the video to appear on the page.   * Place the cursor where you want the video to appear on the page.
-  * Use the following syntax to embed the video <nowiki>{{youtube>videoID?medium|The Video Title I Want To Use}}</nowiki>+  * Use the following syntax to embed the video <nowiki>{{youtube>videoID?small|The Video Title I Want To Use}}</nowiki>
   * **NOTE:** Make sure that there are not spaces between the '>' and your videoID. The vshare plugin will treat the space as part of the ID and the link will not work.   * **NOTE:** Make sure that there are not spaces between the '>' and your videoID. The vshare plugin will treat the space as part of the ID and the link will not work.
   * Use the video id you copied in place of 'videoID'    * Use the video id you copied in place of 'videoID' 
Line 67: Line 69:
 Here is an example of a properly set up video embed. The code used is: Here is an example of a properly set up video embed. The code used is:
  
-  {{youtube>2tKpLQrMcpA?medium|App Overview}}+  {{youtube>0iMFZXvCsZQ?small|App Overview}}
      
-{{youtube>2tKpLQrMcpA?medium|App Overview}}+{{youtube>0iMFZXvCsZQ?small|App Overview}}
  
  
 ==== If Something Goes Wrong ==== ==== If Something Goes Wrong ====
-If you get the video ID wrong or if you have extra characters (such as a space before the ID), you may see something like the following.+If you get the video ID wrong or if you have extra characters (such as a space before the ID), you may see something like the following. **The most common problem** is a space character between the ">" and the first character of the videoID because pasting usually adds a space at the beginning.
  
  
  • wiki/embed_youtube.txt
  • Last modified: 2020/02/07 09:38
  • by _ki