nodebb-plugin-tudou
Version:
NodeBB plugin allows users to embed tudou.com videos inline in ther posts
72 lines (59 loc) • 1.19 kB
CSS
iframe.tudou-plugin {
border: 0;
height: 360px;
width: 640px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 321px) {
iframe.tudou-plugin {
border: 0;
height: 180px;
width: 100%;
}
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
iframe.tudou-plugin {
border: 0;
height: 180px;
width: 100%;
}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1000px)
and (orientation : landscape) {
iframe.tudou-plugin {
border: 0;
height: 360px;
width: 100%;
}
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
iframe.tudou-plugin {
border: 0;
height: 360px;
width: 100%;
}
}