Responsive videos in articles
AnsweredHello there!
It would be great if the embedded videos in articles are responsive to window/frame size or allow for adjusting of the video size.
Is is not very user friendly on mobile because you have to zoom out to get the entire frame on your screen.
-
We were able to make the videos responsive with some custom coding, following the information from Wes Drury in https://support.zendesk.com/hc/en-us/community/posts/210794867-Resize-Youtube-Video-in-Article.
As the information from Wes states, we edited the code of the article, to enclose the <iframe> element with the link to the video, inside a <div> element with class "embed-container". Then we added the following CSS in style.css:
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}The above made our embedded videos responsive for smaller screens.
-
Thank you very much! We are all set!
-
Many thanks Karen D Snyder! This is exactly what we needed!
Please sign in to leave a comment.
3 Comments