bbCode will not center VIDEO

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • djcaseanova
    Senior Member
    • Apr 2006
    • 116
    • 5.1.x

    bbCode will not center VIDEO

    vB 5.1.5

    I am trying to make some posts. I have centered the video code, and it looks fine when I am typing out the post. however when I hit preview or actually post, the video is back to LEFT align. Going into the source code for the post it shows the proper bbCode center tags. The center tag works for anything text related, but not video??

    I did a preview with the code here in this forum as well, same thing, left aligned.
    Anyone??
  • Wayne Luke
    vBulletin Technical Support Lead
    • Aug 2000
    • 73979

    #2
    What does the finished code look like?
    Translations provided by Google.

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

    Comment

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

      #3
      Looking at this, the center bbcode uses an archaic method and not the right way to do things anymore.

      Code:
      <div align="center">...stuff...</div>
      This is then overwritten by the code in the CSS that floats the thumbnail to the left. I can give you CSS that will float the thumbnail to the center but once you start playback it will be forced to the left again.
      Translations provided by Google.

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

      Comment

      • djcaseanova
        Senior Member
        • Apr 2006
        • 116
        • 5.1.x

        #4
        I posted a test in the test forum.


        Someone else is suggesting .css mods too.

        Code:
        [CENTER][video=youtube;c05Mf-vBlDo]https://www.youtube.com/watch?v=c05Mf-vBlDo[/video][/CENTER]
        This is what I had tried with originally just using the WYSIWYG editor.

        Comment

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

          #5
          Adding the following will center the thumbnail for all videos. However the video itself will float to the left when you play it. I haven't figured out the code to float the video yet.

          Code:
          .videocontainer, .videothumbnail, div.videocontainer iframe {margin-left:auto !important; margin-right:auto !important; float:center !important;}
          Translations provided by Google.

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

          Comment

          Related Topics

          Collapse

          Working...