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%;
    }

}