Video Size

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • humpty
    Senior Member
    • Mar 2011
    • 100
    • 4.1.x

    Video Size

    Is there any way to adjust the size of embedded videos from YT using the Post Link feature? At present the videos are very small - the same size you see them on YT would be preferred if it's possible.
  • In Omnibus
    Senior Member
    • Apr 2010
    • 2310

    #2
    To change the video size you have to edit the embed code:

    Example: <iframe width="560" height="315" src="http://www.youtube.com/embed/EFFxIVVjPYI" frameborder="0" allowfullscreen></iframe>

    Comment

    • humpty
      Senior Member
      • Mar 2011
      • 100
      • 4.1.x

      #3
      Thanks for the reply, but I'm not actually embedding the video; I'm using the Post Link section and adding the URL to the YT video. Embedding would require that HTML be active and whilst I'm happy enough to use HTML I don't want my members using it for the usual security reasons.

      I'm presuming that the Post Link feature is using BBCode of some kind and if it is then I need to know where to edit this code so I can make the videos standard YT size when posted. If I remember correctly this could be done in VB4, but in VB5 I can't find it lol.

      Comment

      • Wayne Luke
        vBulletin Technical Support Lead
        • Aug 2000
        • 74123

        #4
        This is actually a relatively easy fix. In your css_additional.css template you would need to add some CSS Code. It should look like this:

        Code:
        .videoscontainer .videocontainer,
        .videoscontainer .videocontainer .restrain {
        	width:640px;
        	height:390px;
        }
        If you wanted 480p size then you would use:
        Code:
        .videoscontainer .videocontainer,
        .videoscontainer .videocontainer .restrain {
        	width:853px;
        	height:480px;
        }
        I recommend the smaller or people with smaller browsers may encounter the video being overlapped by other content.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment

        • humpty
          Senior Member
          • Mar 2011
          • 100
          • 4.1.x

          #5
          Absolutely spot on Wayne - that did the trick, many thanks.

          Comment

          • musicoff
            Member
            • Jan 2017
            • 86
            • 5.2.x

            #6
            Originally posted by Wayne Luke
            This is actually a relatively easy fix. In your css_additional.css template you would need to add some CSS Code. It should look like this:

            Code:
            .videoscontainer .videocontainer,
            .videoscontainer .videocontainer .restrain {
            width:640px;
            height:390px;
            }
            If you wanted 480p size then you would use:
            Code:
            .videoscontainer .videocontainer,
            .videoscontainer .videocontainer .restrain {
            width:853px;
            height:480px;
            }
            I recommend the smaller or people with smaller browsers may encounter the video being overlapped by other content.
            Hi,
            this solution works yet? In particular I would like to heavily increase width and slightly decrease height for embedded videos during their execution; you can see how it is now in the attachment, we really don't like it.

            Thanks in advance.

            Click image for larger version

Name:	embedded video play.PNG
Views:	100
Size:	19.0 KB
ID:	4362930

            Comment

            • Mark.B
              vBulletin Support
              • Feb 2004
              • 24287
              • 6.0.X

              #7
              You can amend the height and width values in the code.

              However, there's a bug at present with video sizes. This is why it's best to start your own thread for any issues, old threads do not contain up to date information.
              MARK.B
              vBulletin Support
              ------------
              My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
              My Unofficial vBulletin Cloud Demo: https://www.adminammo.com

              Comment

              • musicoff
                Member
                • Jan 2017
                • 86
                • 5.2.x

                #8
                Originally posted by Mark.B
                You can amend the height and width values in the code.

                However, there's a bug at present with video sizes. This is why it's best to start your own thread for any issues, old threads do not contain up to date information.
                Ok, I'll open a new topic for further informations.

                Thanks.

                Comment

                • glennrocksvb
                  Former vBulletin Developer
                  • Mar 2011
                  • 4021
                  • 5.7.X

                  #9

                  Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

                  Comment

                  Related Topics

                  Collapse

                  Working...