diff --git a/README.md b/README.md
index 9ea440df86b47d680f2c95c6ef1c397f80610f5b..6cf628009895232df55624bcfec6aba2b6ed4335 100644
--- a/README.md
+++ b/README.md
@@ -88,9 +88,18 @@ You can also ask another instrument's parameter to be set to a specific value by
 
 ![doc/img/direct_asking.gif](doc/img/direct_asking.gif)
 
-## Demo Video 
+## Demo Videos
+
+<a href="https://pod.univ-lille.fr/video/19614-bf-pd-collaboration-window/">
+	Video demoing the collaboration window in bf-pd
+	<img src="doc/img/video.png" height="300px"/>
+</a>
+
+<a href="https://pod.univ-lille.fr/video/20945-bf-pd-using-bf-clock/">
+	Video demoing bf-clock in bf-pd
+	<img src="doc/img/video_clock.png" height="300px"/>
+</a>
 
-<a href="https://pod.univ-lille.fr/video/19614-bf-pd-collaboration-window/"><img src="doc/img/video.png" height="300px"/><br/>Video demoing the collab window for bf-pd</a>.
 
 ## More resources
 
diff --git a/doc/img/md_to_html.lua b/doc/img/md_to_html.lua
index f68f9364e6924f66fedd4cbae995f011cdf1f365..fbdd007048bc4a91456f0409db60e561ea09865f 100644
--- a/doc/img/md_to_html.lua
+++ b/doc/img/md_to_html.lua
@@ -11,7 +11,21 @@ end
 
 function RawInline (raw)
 	if raw.format == 'html' then 
-		return pandoc.RawInline('html', string.gsub(raw.text, "doc/img", "img"))
+		txt = raw.text
+		if string.find(txt, "<a") then 
+			txt = ""
+		end
+		if string.find(txt, "</a>") then
+			txt = ""
+		end
+		if string.find(txt, "img/video.png") then
+			txt = "<iframe src=\"http://pod.univ-lille.fr/video/19614-bf-pd-collaboration-window/?is_iframe=true\" width=\"640px\" height=\"360px\" allowfullscreen></iframe>"
+		end
+		if string.find(txt, "img/video_clock.png") then
+			txt = "<iframe src=\"https://pod.univ-lille.fr/video/20945-bf-pd-using-bf-clock/?is_iframe=true\" width=\"640px\" height=\"360px\" allowfullscreen></iframe>"
+		end
+		txt = string.gsub(txt, "doc/img", "img")
+		return pandoc.RawInline('html', txt)
 	end
 end
 
diff --git a/doc/index.html b/doc/index.html
index e7642e73a6b11325d6e93cd7d251cf2c1651d711..38ae7d516e1c9d947043a7ecd1a7e3e66ec058a4 100644
--- a/doc/index.html
+++ b/doc/index.html
@@ -91,8 +91,9 @@
 <figure>
 <img src="img/direct_asking.gif" alt="" /><figcaption>doc/img/direct_asking.gif</figcaption>
 </figure>
-<h2 id="demo-video">Demo Video</h2>
-<p><a href="https://pod.univ-lille.fr/video/19614-bf-pd-collaboration-window/"><img src="img/video.png" height="300px"/><br/>Video demoing the collab window for bf-pd</a>.</p>
+<h2 id="demo-videos">Demo Videos</h2>
+<p> Video demoing the collaboration window in bf-pd <iframe src="http://pod.univ-lille.fr/video/19614-bf-pd-collaboration-window/?is_iframe=true" width="640px" height="360px" allowfullscreen></iframe> </p>
+<p> Video demoing bf-clock in bf-pd <iframe src="https://pod.univ-lille.fr/video/20945-bf-pd-using-bf-clock/?is_iframe=true" width="640px" height="360px" allowfullscreen></iframe> </p>
 <h2 id="more-resources">More resources</h2>
 <p>Documentation for each of the user objects in bf-pd can be found in <a href="objects.html">objects.md</a> and on help patches directly in PureData (right-click an object -&gt; Help)</p>
 <p>The <em>BOEUF conceptual framework</em> describes the <em>modes of collaboration</em> used in musical collaboration and describes a set of <em>components</em> for realizing these modes in a software framework. Bf-pd is based on this framework. More info can be found in <a href="boeuf.html">boeuf.md</a>.</p>