MyBB Community Forums

how to make the youtube video responsive in myBB ?

It depends what plugins if any that you may be using. I edit the video templates and add three classes to my css:

Example css:

.video-wrapper {
  width: 600px;
  max-width: 100%;
}	
.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%;
}

Example template code: video_youtube_embed

<div class="video-wrapper">
	<div class="video-container">
		<iframe src="//www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe>
	</div>
</div>