How to use embed responsive Youtube video

  1. Open YouTube and select the video you want to embed.
  2. Click the “Share” button below the video player, then choose the “Embed” option.
  3. Copy the provided embed code. By default, it includes “height” and “width” attributes, but we’ll make some adjustments.
  4. Remove the “height” and “width” attributes from the embed code.
  5. Place the modified embed code inside an HTML tag with the CSS class video-wrapper. Here’s an example: <div class="video-wrapper">your embed code<div>

Demo:

Suspendisse ullamcorper imperdiet imperdiet. Duis ut semper arcu. Suspendisse aliquam leo viverra convallis tincidunt. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus orci ligula, bibendum ac vestibulum eu, blandit sed dolor. Fusce ac diam euismod, volutpat augue et, convallis elit. Cras consectetur tincidunt interdum. Curabitur scelerisque tellus vitae erat euismod mollis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque feugiat tortor arcu, ac auctor purus consequat at. Nunc eu venenatis dui. Sed a lacus vehicula, pulvinar odio nec, tempor neque. Etiam ultrices metus vitae risus lobortis dignissim. Ut auctor lorem ligula, ornare varius sem malesuada vel.

Lorep Ipsum

Nullam vitae nunc et dolor pharetra porta. Ut elementum metus ipsum. Vestibulum ac risus in orci tincidunt condimentum et ut quam. Fusce gravida metus a elit bibendum cursus. Quisque elit quam, lobortis eu tellus eu, sodales maximus tortor. Donec risus est, efficitur non tincidunt ut, pellentesque et ante. Nullam interdum dolor nec ipsum tincidunt pulvinar. Nulla vel nulla non nisl venenatis sagittis a vitae tortor. Proin bibendum viverra elementum. Nullam volutpat faucibus ipsum, a condimentum turpis tincidunt nec. In dapibus auctor metus. Integer tempus neque odio, a sodales lorem tincidunt a. Cras id efficitur massa. Pellentesque vel ante id neque gravida porta.

Aliquam vulputate quis nunc a fringilla. Aenean egestas ligula nisi, quis sagittis magna varius suscipit. Donec elementum nisi nec nisi rhoncus volutpat. Nam velit mi, accumsan in tincidunt ac, tempus eget nisi. Quisque ullamcorper eros vel risus rhoncus mollis. Nunc et diam mi. Etiam porta ante vel tempus tempor. Aliquam pulvinar, ante eu laoreet hendrerit, orci mauris varius nisi, eu pharetra massa magna vel tellus. Aliquam erat volutpat. Donec sagittis lacus non purus efficitur, sed efficitur ex finibus. Sed id quam ut dolor laoreet ullamcorper interdum et quam. Nam eget ultrices velit. Integer vitae lacinia est. Nunc consectetur quam sodales dui blandit, eu lacinia tortor tincidunt.

  • Tags:
  • #video