Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Youtube Portrait (flipped Ratio) not working

Youtube Portrait (flipped Ratio) not working

Scheduled Pinned Locked Moved General Discussion
11 Posts 2 Posters 173 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • G Offline
    G Offline
    gala
    wrote on last edited by
    #1

    Hey Guys,
    I was wondering if its possible to add a Youtube Video with another Ratio, like in a Portrait Mode. so it fits into the gridder without the black frame from on the left and right. For now tried to do it with a html source inside of the "+Text" but that doesnt look so good:
    https://lukaskesler.com/wild-west
    right at the bottom of the project you would see my issue.
    Thanks and all the best,
    Lukas

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear Lukas @gala

      Interesting Ironing technique! :)
      Trying to add the code via +more - HTML would be much better that through the source code of a text element:
      Screen Shot 2021-01-14 at 12.41.51 PM.png

      Also, have you succeeded already?: Screen Shot 2021-01-14 at 12.39.59 PM.png

      Best wishes
      Richard

      1 Reply Last reply
      0
      • G Offline
        G Offline
        gala
        wrote on last edited by
        #3

        Hey Richard @Richard-K
        thanks for your reply, unfortunately i couldnt manage to embed the html. when i copy and past the code from youtube it wouldn work. also i am confused how to add in the scripped that it would fit into the gridder. so that i can make it bigger and smaller inside the gridder not in the coding.
        The code:
        <iframe width="560" height="315" src="https://www.youtube.com/embed/RZ7Zjk2pNvg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        Screenshot 2021-01-14 at 10.17.46.png

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear @gala

          Let me know if this helps - I used your code and recreated what i hope you were trying to achieve:

          We add the following <iframe> code with "+More - +HTML" as you have done ( unsure why this didn't work for you, just to be sure ):
          Screen Shot 2021-01-18 at 9.56.59 PM.png

          Within the Code of your <iframe> the width and height are already defined, so resizing within your gridder wont help, you need to change the width at the source:
          Screen Shot 2021-01-18 at 9.57.15 PM.png
          I set the width to "180" it may be "175" you will have to check:
          Screen Shot 2021-01-18 at 9.57.21 PM.png

          Here on the Front-end:
          Screen Shot 2021-01-18 at 9.58.21 PM.png
          Let me know your thoughts and best wishes :)

          Richard

          1 Reply Last reply
          0
          • G Offline
            G Offline
            gala
            wrote on last edited by
            #5

            @Richard-K thanks for your reply,
            to be sure: you use the exact same code and added in via +More > +HTML ??
            maybe you can post the embedded code and i will double check and try adding it again.

            otherwise i have no idea how to solve the problem, i also always update the the lay theme and all add-ons. so this is not an issue i assume.

            hope we can still figure it out somehow

            best wishes, Lukas

            1 Reply Last reply
            0
            • RichardR Offline
              RichardR Offline
              Richard
              Global Moderator
              wrote on last edited by
              #6

              Dear Lukas @gala

              We can figure this out somehow :)
              I did it again to make sure it works for me:

              <iframe width="180" height="315" src="https://www.youtube.com/embed/RZ7Zjk2pNvg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
              

              This is the code . copy and paste , from my input into +More +HTML

              Talk soon :)
              Richard

              1 Reply Last reply
              0
              • G Offline
                G Offline
                gala
                wrote on last edited by
                #7

                @Richard-K

                Thanks, it is just not working! Is there an Option somewhere to allow +HTML or something?

                1 Reply Last reply
                0
                • RichardR Offline
                  RichardR Offline
                  Richard
                  Global Moderator
                  wrote on last edited by
                  #8

                  Dear @gala

                  This is indeed strange that you are having difficulty could i ask you to check these debugging steps before proceeding forwards :)

                  • Wordpress, Lay Theme & Laytheme's Addons are all up to date ?
                  • Any Custom CSS or JS that may interfere is temporarily removed.
                  • Any third-party plugins de-activated to see if this resolves the issue.
                  • If using a WordPress Cache plugin, disable it or clear your cache.
                  • License key not activated - (in website blank situations or button not available)
                  • If your WordPress Dashboard shows a warning "PHP Update required” please update your PHP version in your webhost control panel.
                  • Additionally please take a look at https://laytheme.com/troubleshooting.html for known problems.

                  Talk soon Gala and apologies for any inconvenience as this should be a simple option in Lay Theme.

                  Best wishes
                  Richard

                  1 Reply Last reply
                  0
                  • G Offline
                    G Offline
                    gala
                    wrote on last edited by
                    #9

                    Hello @Richard-K

                    i tried all the things even on another browser and it wouldn't work. I also tried to upload the video and not using youtube, but even this seems not to work. The videos are only 15oMB big or something.
                    Sorry this must seem so annoying.

                    Ahhhh, the only thing I didnt understood was:
                    "License key not activated - (in website blank situations or button not available)"

                    Here you soon, Lukas

                    1 Reply Last reply
                    0
                    • G Offline
                      G Offline
                      gala
                      wrote on last edited by
                      #10

                      I managed to upload a video now via html5 video but laytheme forces it to be in landscape ratio rather then portrait ratio, is this normal as well?

                      1 Reply Last reply
                      0
                      • RichardR Offline
                        RichardR Offline
                        Richard
                        Global Moderator
                        wrote on last edited by
                        #11

                        Dear @gala In this where i don't really know whats going wrong until i can have a better look:

                        Could you please send your wp-admin/ website & log-in details
                        via 'Chats' ( if you feel comfortable doing so) & i will try to find out what the issue is! :)

                        Best
                        Richard

                        1 Reply Last reply
                        0
                        Reply
                        • Reply as topic
                        Log in to reply
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes


                        I also code custom websites or custom Lay features.
                        💿 Email me here: 💿
                        info@laytheme.com

                        Before you post:
                        1. When using a WordPress Cache plugin, disable it or clear your cache.
                        2. Update Lay Theme and all Lay Theme Addons
                        3. Disable all Plugins
                        4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                        This often solves issues you might run into

                        When you post:
                        1. Post a link to where the problem is
                        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                        Online Users
                        A
                        alasdair17
                        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                        laytheme.com
                        • Login

                        • Don't have an account? Register

                        • Login or register to search.
                        • First post
                          Last post
                        0
                        • Recent
                        • Tags
                        • Popular
                        • Users
                        • Search