Youtube video

⚠️ To place the Youtube video into the Grid, it should be sorrounded by the <span> and <div> html5 tags as follows. You have to obtain only the video identification code from the Youtube website (in this case: L_LUpnjgPso) and use it in the following code.

<span class="col s12 m6">
  <div class="video-container">
    <iframe width="640" height="360" src="" frameborder="0" allowfullscreen>


Below you can see the table created using the code above.

CSS classes

The <span> containing the <div> can be given classes:

  • Grid classes (as in example above)

The <div> containing the Youtube video can be given classes:

  • video-container class to make the video responsive

Summernote Editor (also Lite version)

That kind of content as the Youtube video can be placed on the page only using the Code View tool.