Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

embedding video

video responsive embed
    • 9 years, 6 months ago Maja
      Participant

      Expired

      Hi, I want to embed video, in the iframe code form YT so I can disable YT suggestions at the end, video title etc with the code, so I would like to use the iframe code, but it does not work with video player element

      video player only supports plain video link?

      if I use video player I have to allow the YT suggestions  and so on but I get beautifully responsive video

      and if I use the embed iframe in a html element it is not responsive,

      Is there a way to put the video on a page using embed iframe and still having it responsive?

       

      Thanks

       

      Maja

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      @media (max-width: 767px){
      iframe {width: 300px !important; height: 200px !important;}
      .wpb_column .wpb_wrapper { margin-left: -9px !important;}
      }

      Result.
      Let us know.

      Best regards!

    • 9 years, 6 months ago Maja
      Participant

      Expired

      Thank you, it works,

      one more question, I have updated the theme and now the mail chimp signup form that I had previously lovely centered stays left and covers the video a bit

      you can see it here blacktieleaders.com

       

      any idea what is going on?

       

      Thanks

    • 9 years, 5 months ago Maja
      Participant

      Expired

      Update

      It works but only to some extent, the video is at one point jumping to the smaller size but between the big screen and smartfone mode the text overlaps with the video, I think this migh not look great on tablets or medium small screens…

      The composer video element works brilliantly it is very flexible and never overlaps with text, so I am going to go for that. It would be great if it could take the iframe code not link only.

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      For the mailchimp alignment add this code into your custom css box:

      form#mc4wp-form-1 {
          margin: 0 141px 20px !important;
      }

      Result.
      -For the other screen sizes, to make the transition more smooth, add this code:

      @media (min-width: 768px){
      iframe {width: 300px !important; height: 200px !important;}
      }

      Best regards!

    • 9 years, 5 months ago Maja
      Participant

      Expired

      thanks Mihaila,

      the mailchimp worked,

      and the code for smooth transition of video made the video right away small on a big screen, so no transition will be needed ;)

       

    • 9 years, 5 months ago Maja
      Participant

      Expired

      oh, and it also made the video element videos small…. not only embedded

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      This is due to the ‘iframe’ element, which is common to both elements.

      Best regards!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password