Edit size of running embedded videos.

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • musicoff
    Member
    • Jan 2017
    • 86
    • 5.2.x

    Edit size of running embedded videos.

    Hi everyone.
    We would like to heavily increase width and slightly decrease height for embedded videos while they're running, since we really don't like the actual size (see attachment).
    Mark.B has already told me there's a bug with video size, however I would like to know if anyone else has been able to fix this without coding.

    Thanks in advance.


    Click image for larger version  Name:	embedded video size.png Views:	2 Size:	19.0 KB ID:	4362940
  • Mark.B
    vBulletin Support
    • Feb 2004
    • 24286
    • 6.0.X

    #2
    5.2.6 should fix this for directly embedded videos, but not as yet for videos posted using the link content type:
    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

      #3
      Originally posted by Mark.B
      5.2.6 should fix this for directly embedded videos, but not as yet for videos posted using the link content type:
      Sorry, with "directly embedded videos" you mean videos posted using VIDEO tags?

      Comment

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

        #4
        Originally posted by musicoff

        Sorry, with "directly embedded videos" you mean videos posted using VIDEO tags?
        Yes....the more 'common' method of doing it. Very few people actually use link content types so to all intents and purposes the issue is fixed in 5.2.6 for most people. However, the content type issue will still get fixed afterwards.
        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

        • Kevin Sours
          Lead Developer
          • Apr 2008
          • 601
          • 5.5.x

          #5
          The link fix is expected in 5.2.7

          Comment

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

            #6
            Well, fix for directly embedded videos is what we need now so we'll stay tuned for the new release.

            Thanks!

            Comment

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

              #7
              The videos on my site are bigger with simple custom CSS added. It fixes both directly embedded videos and actual video post content type.

              Code:
              .videocontainer {
                  float: none;
              }
              [COLOR=#000000]@media[/COLOR] (min-width: 1024px) {
                  .linkcontainer .videocontainer .videothumbnail, .post-content .videocontainer .videothumbnail, .OLD__post-content .videocontainer .videothumbnail {
                      width: 560px;
                      height: 315px;
                  }
              }
              Optional: I also edited the bbcode_video template to allow fullscreen. It's basically adding allowfullscreen attribute in the <iframe> tag. It's not recommended to edit existing vB templates but I feel it's important for user experience to allow fullscreen on videos.

              See demo:

              http://vbmods.rocks/forum/miscellane...nd-no-checkout

              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

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

                #8
                Originally posted by Glenn Vergara
                The videos on my site are bigger with simple custom CSS added. It fixes both directly embedded videos and actual video post content type.

                Code:
                .videocontainer {
                float: none;
                }
                [COLOR=#000000]@media[/COLOR] (min-width: 1024px) {
                .linkcontainer .videocontainer .videothumbnail, .post-content .videocontainer .videothumbnail, .OLD__post-content .videocontainer .videothumbnail {
                width: 560px;
                height: 315px;
                }
                }
                Optional: I also edited the bbcode_video template to allow fullscreen. It's basically adding allowfullscreen attribute in the <iframe> tag. It's not recommended to edit existing vB templates but I feel it's important for user experience to allow fullscreen on videos.

                See demo:

                http://vbmods.rocks/forum/miscellane...nd-no-checkout
                Sounds good, how could I name the new CSS template?

                Comment

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

                  #9
                  You don't create a new template. Just add the css to the css_additional template or via Sitebuilder > Style > CSS Editor

                  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

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

                    #10
                    Ok, it works. Now let's find the right fit for our site.

                    Thank you very much!

                    Comment

                    Related Topics

                    Collapse

                    Working...