Media Imagenes

Vamos a ver como hacer responsive las imágenes

                                <div class="row">
                                    <div class="col s3">
                                        <img class="responsive-img" src="images/cabecera.jpg" alt="">
                                    </div>
                                    <div class="col s6">
                                        <img class="responsive-img" src="images/cabecera.jpg" alt="">
                                    </div>            
                                </div>

Ocupamos la clase responsive-img para que respete el espacio de las 3 columnas, sin esa clase la imagen se mostraría a tamaño real

Imagen Circular

Podemos ocupar la clase circle, para que nuestra imagen se convierta en circular

                                <div class="row">
                                    <div class="col s3">
                                        <img class="circle responsive-img" src="images/cabecera.jpg" alt="">
                                    </div>
                                    <div class="col s6">
                                        <img class="circle responsive-img" src="images/cabecera.jpg" alt="">
                                    </div>            
                                </div>

Video

                                <div class="video-container">
                                    <iframe width="853" height="480" src="//www.youtube.com/embed/Q8TXgCzxEnw?rel=0" frameborder="0" allowfullscreen></iframe>
                                </div>

Video Responsive

                                        <video class="responsive-video" controls>
                                            <source src="movie.mp4" type="video/mp4">
                                        </video>