Results 1 to 25 of 25

Thread: Embedding YouTube & Vimeo Videos Redux

  1. #1
    Site founder Scott Tichenor's Avatar
    Join Date
    Sep 2002
    Location
    Lawrence, KS
    Posts
    5,220
    Blog Entries
    103

    Default Embedding YouTube & Vimeo Videos Redux

    Providing detailed instructions on adding YouTube and Vimeo videos as I'm seeing folks with questions on how and new members that haven't figured it out. Embedding is preferred over a link because the latter requires you to leave the forum and if the video has been removed, you find out after clicking the link and going to YouTube or Vimeo--inconvenient, unnecessary and detracts from the flow of a discussion.

    Step 1 - Go to Advanced Posting mode. At the bottom of each thread or if you click the + Reply to Thread button (top left of each thread) you are placed in Quick Reply mode (not what you want). Click Go Advanced (lower right). Your posting area should now look like this below, only we've highlighted the YouTube and Vimeo buttons you're going to use to embed your video.

    This is what an Advanced posting window looks like:


    Step 2 - Embedding YouTube and Vimeo is essentially identical but we'll show that below. To embed a YouTube video, you first need to acquire the YouTube video ID. Here's what you're going to see in your browser when you're at a YouTube page. Every web browser has an address or URL field. We've highlighted the video ID for you underlined in red:



    Step 3 - Copy only the video ID, click the YouTube button in the Advanced window and paste the video ID into the dialogue box you received by clicking the YouTube button. Example:



    Step 4 - Click OK and your video is successfully embedded and you're ready to post.

    Same process as above demonstrated for Vimeo

    Vimeo video ID underlined in red as shown in a browser address or URL field:



    Vimeo dialogue box you received after click the Vimeo icon in Advance Posting mode:



    The most important part of this tutorial:

    Yes, there are other ways to get videos to work, but unless you're doing it exactly as shown here, there's no promise that video will be displayed properly in the future. Example: Vimeo recently changed the way they allow their videos to be embedded. For old videos posted correctly in the past, those will now display on phones and hand-held devices. Cool! For those old Vimeo videos that are visible in the browser but were not added correctly, sorry--they don't display at all. Boooooo.

    Look, we don't care if you just want to provide a link instead of embedding, but conversations flow better when videos are embedded, and embedded correctly. If you want someone to see a video you're interested in, the first rule is don't make them click on a link unless you just have to because half (or more) won't. This is one of the oldest and wisest known usability truths on the web.

    Questions? Post them here or post test videos of your own below. And for fun, here are the two videos we used to prepare this tutorial. Got an iPhone? Check out the Vimeo video on it. That rocks.



    Last edited by Mandolin Cafe; Dec-22-2021 at 8:25pm.

  2. The Following 2 Users Say Thank You to Scott Tichenor For This Useful Post:


  3. #2
    Site founder Scott Tichenor's Avatar
    Join Date
    Sep 2002
    Location
    Lawrence, KS
    Posts
    5,220
    Blog Entries
    103

    Default Re: Embedding YouTube & Vimeo Videos Redux

    A video we did recently on how to properly embed videos.


  4. #3
    Distressed Model John Ritchhart's Avatar
    Join Date
    Sep 2002
    Location
    Mars Hill, North Carolina
    Posts
    1,036

    Default Re: Embedding YouTube & Vimeo Videos Redux

    I assume this is why a lot of videos are just black screens and don't boot up when I click the red arrow?
    We few, we happy few.

  5. #4
    Site founder Scott Tichenor's Avatar
    Join Date
    Sep 2002
    Location
    Lawrence, KS
    Posts
    5,220
    Blog Entries
    103

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Quote Originally Posted by jbrwky View Post
    I assume this is why a lot of videos are just black screens and don't boot up when I click the red arrow?
    I don't understand what you're trying to say. This is a tutorial for how to properly embed videos. There are ways to do it improperly that work sometimes and sometimes don't but it doesn't impact the start button. The video either displays--or it does not. If you're having problems with videos playing locally on your personal computer it wouldn't be related to this tutorial.
    Last edited by Scott Tichenor; Dec-02-2012 at 8:01pm.

  6. #5
    Distressed Model John Ritchhart's Avatar
    Join Date
    Sep 2002
    Location
    Mars Hill, North Carolina
    Posts
    1,036

    Default Re: Embedding YouTube & Vimeo Videos Redux

    OK thanks Scott. What I'm seeing is a black screen with a red start arrow button in it. But the button doesn't do anything. The videos that work for me are ones that I can see the first picture frame in.
    We few, we happy few.

  7. #6
    Registered User Bill Snyder's Avatar
    Join Date
    Feb 2004
    Location
    Central Texas
    Posts
    7,316

    Default Re: Embedding YouTube & Vimeo Videos Redux

    That did not work so never mind.
    Bill Snyder

  8. #7
    Site founder Scott Tichenor's Avatar
    Join Date
    Sep 2002
    Location
    Lawrence, KS
    Posts
    5,220
    Blog Entries
    103

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Quote Originally Posted by Charles E. View Post
    Scott, when I try to embbed a video from youtube, click on the icon , I do not get a subject bar, only this...

    [YOUTUBE[/YOUTUBE]

    What am I doing wrong?
    I don't know. I turned off the pop-up blocker in my browser (FireFox) and it still worked. All I can suggest is view the video tutorial carefully, here's the larger version. It does in fact work. There are thousands of videos embedded within the forum with dozens added daily between the forum and social groups so your browser is either badly outdated or has some setting preventing it from functioning as you wish.

    Alternately you can use the video embed button (with the three stick figures, between the YouTube and Vimeo link) and enter the entire web address there, but if you're browser isn't showing the dialogue box this isn't going to help you.

    I guess this answers the issue directly above this post as well. If you don't think it works then, there you go. There's no voodoo or secret technical trick here. Pretty basic, but you do need to follow either the written instructions above at the start of this thread or view the video tutorial.

  9. #8
    Registered User Charles E.'s Avatar
    Join Date
    Feb 2007
    Location
    Saint Augustine Beach FL
    Posts
    6,633

    Default Re: Embedding YouTube & Vimeo Videos Redux



    Testing Testing

    It turned out I had a javascript error on the page, I am blessed to have a techie wife.
    Charley

    A bunch of stuff with four strings

  10. #9
    Registered User Charles E.'s Avatar
    Join Date
    Feb 2007
    Location
    Saint Augustine Beach FL
    Posts
    6,633

    Default Re: Embedding YouTube & Vimeo Videos Redux



    Testing, testing
    Charley

    A bunch of stuff with four strings

  11. #10
    Registered User
    Join Date
    May 2010
    Location
    Billings, MT
    Posts
    180

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Hello - I want to upload a video but have not made friends with establishing a Vimeo or YouTube account. I recorded the videos on my iPad. Can someone provide help in how to move a video from my iPad camera roll to a Mandolin Cafe thread?

    From the technically challenged...

    Thanks,
    Dave

  12. #11
    Site founder Scott Tichenor's Avatar
    Join Date
    Sep 2002
    Location
    Lawrence, KS
    Posts
    5,220
    Blog Entries
    103

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Quote Originally Posted by dmcginnis View Post
    Hello - I want to upload a video but have not made friends with establishing a Vimeo or YouTube account. I recorded the videos on my iPad. Can someone provide help in how to move a video from my iPad camera roll to a Mandolin Cafe thread?

    From the technically challenged...

    Thanks,
    Dave
    Dave, videos need to first be uploaded and then hosted by a YouTube, Vimeo or similar site. Videos that appear on this site (and most others) are not actually hosted by the site. They're uploaded to YouTube, Vimeo or others and then embedded into our forum using the instructions provided starting at the opening post of this thread (ie, they're made to appear on this site even though the physical video does not actually reside on our site--it's like TV--the film doesn't reside inside your television but rather is transmitted to your home). Those sites do a far better job instructing you than we can. This may sound confusing--the best way to learn is to first open an account on YouTube and follow their uploading instructions.

  13. #12
    Registered User sunburst's Avatar
    Join Date
    Nov 2003
    Location
    Kentucky
    Posts
    15,863

    Default Re: Embedding YouTube & Vimeo Videos Redux

    <this comment has nothing to do with the issue at hand. if you wish to start a separate discussion about technical difficulties involving internet use, please do so in the General Mandolin Discussion area. this area of the forum is for support and those seeking assistance with questions about forum use, not personal statements bemoaning the perceived difficulties of internet use.>
    Last edited by Scott Tichenor; Oct-20-2013 at 1:03pm. Reason: not topical to this area which is for support.

  14. #13
    Registered User
    Join Date
    May 2010
    Location
    Billings, MT
    Posts
    180

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Thanks, Scott - I appreciate you taking the time to reinforce your previous instructions. I guess I will have to work on the YouTube or Vimeo account.

    Dave

  15. #14
    ISO TEKNO delsbrother's Avatar
    Join Date
    Sep 2002
    Location
    Caulifonya
    Posts
    3,098

    Default Re: Embedding YouTube & Vimeo Videos Redux

    OK, I thought I followed the tutorial correctly when I posted these embedded videos from YouTube, but Pete subsequently posted that they didn't work and posted a "corrected" YouTube embed instead.. I can see both videos - mine and Pete's - fine on my browser (IE), so I don't know what exactly I did wrong. Also, I find it interesting the the same videos appear to be different sizes (aspect ratio? resolution?) on my post compared to Pete's. ??

  16. #15
    Brentrup Evangelist Larry S Sherman's Avatar
    Join Date
    Aug 2003
    Location
    New England
    Posts
    1,793
    Blog Entries
    4

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Hi Delsbrother,

    I can see the three videos you embedded just fine in my browser. I'm on a mac using Google Chrome, and they also are fine in Firefox.

    I don't know why Pete couldn't see them.

    Larry

  17. #16
    Site founder Scott Tichenor's Avatar
    Join Date
    Sep 2002
    Location
    Lawrence, KS
    Posts
    5,220
    Blog Entries
    103

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Quote Originally Posted by delsbrother View Post
    OK, I thought I followed the tutorial correctly when I posted these embedded videos from YouTube, but Pete subsequently posted that they didn't work and posted a "corrected" YouTube embed instead.. I can see both videos - mine and Pete's - fine on my browser (IE), so I don't know what exactly I did wrong. Also, I find it interesting the the same videos appear to be different sizes (aspect ratio? resolution?) on my post compared to Pete's. ??
    Your videos are visible.

    There are two ways to insert videos. For the best chance your video will still be displayed for the long-term (people rarely consider this important but it is) you want to use the YouTube and Vimeo tools to add videos from those sites which the tutorial here addresses. If those sites ever change the rules of how videos are embedded or the links to them we can likely alter the programming on our end so they continue to display. This has already happened once. The general video embed link is a catch-all for all kinds of video hosting sites and doesn't have that capability so if the web URL changes or is not forwarded correctly or other rules of where it is hosted change then the video will more than likely not display. There are people here that may try to tell you they're identical. They are not. My recommendation is to continue to embed as you did on the thread you linked to.

  18. #17
    Unfamous String Buster Beanzy's Avatar
    Join Date
    Sep 2009
    Location
    Cornwall & London
    Posts
    2,921
    Blog Entries
    5

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Since moving over to an iPad I can't use the YouTube button to embed videos, as it just crashes and closes my Safari browser. Luckily reopening the browser takes me back to the thread being edited. Is there something in the YouTube button that I need to alter settings on my browse to get it to work without crashing out the browser?
    Eoin



    "Forget that anyone is listening to you and always listen to yourself" - Fryderyk Chopin

  19. #18
    Site founder Scott Tichenor's Avatar
    Join Date
    Sep 2002
    Location
    Lawrence, KS
    Posts
    5,220
    Blog Entries
    103

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Quote Originally Posted by Beanzy View Post
    Since moving over to an iPad I can't use the YouTube button to embed videos, as it just crashes and closes my Safari browser. Luckily reopening the browser takes me back to the thread being edited. Is there something in the YouTube button that I need to alter settings on my browse to get it to work without crashing out the browser?
    Can't think of anything to suggest. I tested this on my Apple devices and it seems to work fine. Might try rebooting your iPad.

  20. #19
    Registered User
    Join Date
    May 2013
    Location
    MountainView, AR
    Posts
    317

    Default Re: Embedding YouTube & Vimeo Videos Redux


    Testing iphone
    Last edited by Mandolin Cafe; Dec-22-2021 at 8:26pm.

  21. #20
    Registered Muser dang's Avatar
    Join Date
    Oct 2005
    Location
    Omaha, NE
    Posts
    1,185

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Quote Originally Posted by Scott Tichenor View Post
    The most important part of this tutorial:

    Yes, there are other ways to get videos to work, but unless you're doing it exactly as shown here, there's no promise that video will be displayed properly in the future.
    I read this thread a little bit ago and didn't realize I have been doing it wrong the whole time. My misunderstanding!

    So if I use the "Insert Video" function and paste my Youtube link in whole like this:

    https://www.youtube.com/watch?v=Q-fLkS0oPxI

    instead of using just the Video ID tag at the end into the YouTube Embed function (like this):

    Q-fLkS0oPxI

    My videos may not show up in the future if Youtube changes any of the text before the = sign???? Like any of this part? :

    https://www.youtube.com/watch?v=

    Why would they change that???? Anyway...

    So only use the video ID tag, and it should work in the future, like (hopefully) this:



    Sorry Scott, I think I get it now. And I see why you advocate for just using the video ID tag. Just when I thought I knew what I was doing...
    I should be pickin' rather than postin'

  22. #21
    The Amateur Mandolinist Mark Gunter's Avatar
    Join Date
    Apr 2014
    Location
    South of Cleburne, North of Hillsboro, Texas
    Posts
    5,089

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Testing embed methods:

    1. Advanced Editor, YouTube button, video id only:


    2. Advanced Editor, YouTube button, entire YouTube URL:
    This produced a malformed, doubled URL, removed.

    3. Simple Editor BBCode VIDEO tag:


    ----------------------

    The quick editor method is creating an iframe embed method, whereas the advanced editor method is using the object tag for embedding a flash object.

    Scott, is this what you mean about not using the quick edit video button, is the iframe method anathema to phone browsers?

    I've been using the quick edit button because it works and I was unaware I needed to read this thread to embed properly here, but yesterday a member posted in Newbies group and I couldn't see his video while others could. He claimed to have read this thread and used the advanced method. I came here to see what your instructions are and to test, but I can see the videos both ways here.

    This post is a couple years old now, can you confirm that BBCode VIDEO should not be used, and BBCode YOUTUBE=??? is always preferred?
    Last edited by Mandolin Cafe; Dec-21-2021 at 12:10pm. Reason: Testing for problems in code generation
    WWW.THEAMATEURMANDOLINIST.COM
    ----------------------------------
    "Life is short. Play hard." - AlanN

    ----------------------------------
    HEY! The Cafe has Social Groups, check 'em out. I'm in these groups:
    Newbies Social Group | The Song-A-Week Social
    The Woodshed Study Group | Blues Mando
    - Advice For Mandolin Beginners
    - YouTube Stuff

  23. #22
    The Amateur Mandolinist Mark Gunter's Avatar
    Join Date
    Apr 2014
    Location
    South of Cleburne, North of Hillsboro, Texas
    Posts
    5,089

    Default Re: Embedding YouTube & Vimeo Videos Redux

    I just checked on my iPhone 5 and both the videos in my last post are viewable. The thumbnail for the video created by the advanced editor code is cropped to fit the mobile screen, whereas the one for the video created by the quick editor code is not, it goes off the screen. Tapping the thumbnails in either case opens the video in exactly the same manner on my phone.

    Updated:
    Sorry Scott, I had missed this post, which makes your thinking clear:
    There are two ways to insert videos. For the best chance your video will still be displayed for the long-term (people rarely consider this important but it is) you want to use the YouTube and Vimeo tools to add videos from those sites which the tutorial here addresses. If those sites ever change the rules of how videos are embedded or the links to them we can likely alter the programming on our end so they continue to display. This has already happened once. The general video embed link is a catch-all for all kinds of video hosting sites and doesn't have that capability so if the web URL changes or is not forwarded correctly or other rules of where it is hosted change then the video will more than likely not display. There are people here that may try to tell you they're identical. They are not. My recommendation is to continue to embed as you did on the thread you linked to.
    I have one final comment, isn't it possible to add the "good" buttons to the quick editor? These things are usually configurable by the web developer. I think it would be great if you could make those buttons available in the editor outside of advanced mode. Some of your visitors can easily and intuitively understand how to post a video in the quick editor, and so they will not be likely to seek this thread out and find this information. Having the "good" buttons in the quick editor would help a great deal.
    Last edited by Mark Gunter; Mar-20-2016 at 7:26pm. Reason: updated info
    WWW.THEAMATEURMANDOLINIST.COM
    ----------------------------------
    "Life is short. Play hard." - AlanN

    ----------------------------------
    HEY! The Cafe has Social Groups, check 'em out. I'm in these groups:
    Newbies Social Group | The Song-A-Week Social
    The Woodshed Study Group | Blues Mando
    - Advice For Mandolin Beginners
    - YouTube Stuff

  24. #23
    The Amateur Mandolinist Mark Gunter's Avatar
    Join Date
    Apr 2014
    Location
    South of Cleburne, North of Hillsboro, Texas
    Posts
    5,089

    Default Re: Embedding YouTube & Vimeo Videos Redux

    Just a follow-up to my last post, last paragraph, to say that I have noticed an inconsistency here in the HTML Editor's toolbars. I've noticed that when I post a new discussion inside a social group, the editor's toolbar already has the buttons for youtube, etc. without going into advanced mode. That is cool, and very convenient.

    Then, when replying to an already existing discussion in a social group, the editor does not have the youtube button in the toolbar, instead you have to proceed to the advanced state to get it. Not cool. And throughout the rest of the forum, it behaves this way.

    So once again I'm asking, can't you enable the youtube button in the toolbar of the editor at all times, so that we do not need to go to advanced mode to use it? As a web developer I have customized tool bars on these editors and I know how simple this is to do, generally speaking, so once again just making this request.
    WWW.THEAMATEURMANDOLINIST.COM
    ----------------------------------
    "Life is short. Play hard." - AlanN

    ----------------------------------
    HEY! The Cafe has Social Groups, check 'em out. I'm in these groups:
    Newbies Social Group | The Song-A-Week Social
    The Woodshed Study Group | Blues Mando
    - Advice For Mandolin Beginners
    - YouTube Stuff

  25. #24
    Administrator Mandolin Cafe's Avatar
    Join Date
    Sep 1998
    Location
    Lawrence, KS
    Posts
    3,835
    Blog Entries
    14

    Default Re: Embedding YouTube & Vimeo Videos Redux

    I want to be sure I understand your request. Are you saying we're asking too much to click the Reply or Advanced buttons highlighted in red for social groups?

    Name:  Untitled-1.jpg
Views: 653
Size:  46.4 KB

  26. #25
    The Amateur Mandolinist Mark Gunter's Avatar
    Join Date
    Apr 2014
    Location
    South of Cleburne, North of Hillsboro, Texas
    Posts
    5,089

    Default Re: Embedding YouTube & Vimeo Videos Redux

    <cheap shot. take it elsewhere>
    Last edited by Scott Tichenor; May-06-2016 at 2:06pm. Reason: unnecessary.
    WWW.THEAMATEURMANDOLINIST.COM
    ----------------------------------
    "Life is short. Play hard." - AlanN

    ----------------------------------
    HEY! The Cafe has Social Groups, check 'em out. I'm in these groups:
    Newbies Social Group | The Song-A-Week Social
    The Woodshed Study Group | Blues Mando
    - Advice For Mandolin Beginners
    - YouTube Stuff

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •