title: add an option to change embedded vimeo video through links on my page
body: <p>This is a screenshot of what I have</p>
  
  <p><a href="https://i.stack.imgur.com/9CjYE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9CjYE.jpg" alt="enter image description here"></a></p>
  
  <p>now under Gigi and Bob I have 5 song links.
  I would like to link these directly to the vimeo player in my page
  so that when for example a user clicks on the "Silence" song link under Gigi the video will go to this song.</p>
  
  <p>The current html for the song list under Gig is</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="#"&gt;L'Amour&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Bla Bla Bla&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;The Riddle&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Another Way&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Silence&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and for the vimeo video it is</p>
  
  <pre><code>&lt;section id="player"&gt;
      &lt;iframe src="https://player.vimeo.com/video/105778399" width="200" height="150" frameborder="1" webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;
      &lt;/iframe&gt;
  &lt;/section&gt;
  </code></pre>