Skip to content

Instantly share code, notes, and snippets.

@rinsuki

rinsuki/youtube-embed.css

Created November 24, 2015 10:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save rinsuki/cc1e9dd5ffb63ffe28e2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save rinsuki/cc1e9dd5ffb63ffe28e2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
youtube-embed.css
.player-embed{
position:relative;
width:100%;
max-height:480px;
padding-top:56.25%;
}
.player-embed iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
@marihachi
Copy link

marihachi commented Nov 24, 2015 

.player-embed iframe {
    height: 360px;
    width: calc(16 / 9 * 360px);
}

とかだけでいける気が

@rinsuki
Copy link
Author

rinsuki commented Nov 24, 2015

それだと場合によっては横が飛び出すし、私のブラウザはcalcをサポートしていなかったはず

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment