Jump to content
Sign in to follow this  
johngalt1

Адаптивное видео Youtube в описании.

Recommended Posts

Добавил адаптивное видео в описание. Но оно на всю ширину экрана. Как сделать, чтобы оно было не шире 640 и не выше 360?


<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" frameborder="0" scrolling="no" src="https://www.youtube.com/embed/xxxxxxxxxxx"></iframe></div>

Edited by johngalt1

Share this post


Link to post
Share on other sites

 

  • +1 1

Share this post


Link to post
Share on other sites

В идеале хотелось бы, чтобы 2 видео были в одной строке, если ширина экрана позволяет.

Share this post


Link to post
Share on other sites
4 минуты назад, johngalt1 сказал:

В идеале хотелось бы, чтобы 2 видео были в одной строке, если ширина экрана позволяет.

<div class="row">
  <div class="col-md-6 col-sm-12">
    #video1
  </div>
  <div class="col-md-6 col-sm-12">
    #video2
  </div>
</div>

 

  • +1 1

Share this post


Link to post
Share on other sites
1 час назад, ibond сказал:

 

Подскажите, пожалуйста, а как сделать видео слева, а не по центру?

Share this post


Link to post
Share on other sites
3 минуты назад, johngalt1 сказал:

Подскажите, пожалуйста, а как сделать видео слева, а не по центру?

#video {
    max-width: 560px;
	/* margin: 0 auto; */
    margin: 0 auto 0 0;
}

 

  • +1 1

Share this post


Link to post
Share on other sites

Будет ли видеть в этом случаи поисковики , что на странице присутствует видео?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.