const truncate=(str, n) => {  
    return str?.length > n? str.substr(0, n) + '...' : str;  
  };

       


const Iframe =styled.iframe`
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.65;
  border:none;

  &::after{
    content:"";  
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
  
  }

`

 
          <Iframe
            src={`https://youtube.com/embed/${movie?.videos?.results[0]?.key}?controls=0&loop=1&mute=1&playlist=${movie?.videos?.results[0]?.key}`}
            width="640"
            height="360"
            allow='autoplay; fullscreen'
          >

          </Iframe>