video.html

---
layout: bootstrap-cover
title: Video
---

<div id="page">

  <div class="youtube-wrapper">

    <p class="lead" style="text-align:justify">
		<font size="-0.5">
    This collection is taken from the following youtube channels:
    <ol>
      <li><a href="https://www.youtube.com/channel/UCfkC5R-RITKtnXedYGpUS8g">Youtube channel of the MRS group</a></li>
      <li><a href="https://www.youtube.com/channel/UCFoSjtoDdbt4G4mL7p1jciA">Youtube channel when I was at LAAS-CNRS</a></li>
      <li><a href="https://www.youtube.com/channel/UC33d3qW1EU4jH1fi36Hzc1Q">Youtube channel (personal channel)</a></li>
      <li><a href="https://www.youtube.com/@BitcrazeVideos">Youtube channel of Bitcraze AB</a></li>
    </ol>
    <strong>Do not forget to watch also the videos attached to the <a href="/publications.html">publications</a>.</strong>
    </font></p>

    <br>

    <!-- VIDEO LIST -->
    <div align="center">
      <table border="0" cellpadding="1" cellspacing="1" height="650" width="1100">
        <tbody>
          <!-- POINTING THE FILE CONTAINING THE YOUTUBE IDFRAME -->
          {% for video in site.data.videos %}
            {% assign remainder = forloop.index0 | modulo: 2 %}
            {% if forloop.first or remainder == 0 %}
              <tr>
            {% endif %}
            <td style="width: 385px;">
              <h4 style="text-align: justify; margin-left: 15px; margin-right: 15px;">
                <iframe allowfullscreen="" frameborder="0" height="189" src="https://www.youtube.com/embed/{{ video.youtube_id }}" width="336"></iframe>
              </h4>
            </td>
            <td style="width: 358px;">
              <h4 style="text-align: left;">
                {{ video.title }}
              </h4>
            </td>
            {% if forloop.last or remainder == 1 %}
              </tr>
            {% endif %}
          {% endfor %}
        </tbody>
      </table>
    </div>


    <br>
    <br>

    <!-- NEW PAGE -->
    <center>
    <a href="/videos_archive/video1.html">Next Page →</a>
    </center>

</div>