Announcement

Collapse
No announcement yet.

Video Size

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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.

  • #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


    • #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


      • #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 - Full / Mobile
        Vote for your favorite feature requests and the bugs you want to see fixed.

        Comment


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

          Comment


          • #6
            Originally posted by Wayne Luke View Post
            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:	11
Size:	19.0 KB
ID:	4362930

            Comment


            • #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

              TalkNewsUK - My vBulletin 5.5.6 Demo
              AdminAmmo - My Cloud Demo

              Comment


              • #8
                Originally posted by Mark.B View Post
                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

                Related Topics

                Collapse

                Working...
                X