Viewport?

Help Customization
4

Below is the custom CSS I use on my site to handle video embeds. To use it, you have to wrap the embed script with a div element, like this: <div class="video-container">embed script goes here</div>. More instructions here.

What kind of video are you trying to embed? I ask because Write.as recently added support for rich media embeds. All you have to do, for say a youtube video, is to paste the link to the video, and it will automatically be rendered in a responsive design on a page.

/* Responsive Video Container */
#post-body .video-container {
    margin-bottom: -20px;
}

.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%;
}
1 Like