I&#39;m using the notebook as my log book as I figure out how to use notebook. I&#39;m trying to get webm files to play directly in the browser. Five different approaches. None worked. <div><br></div><div>Please advise re: webm playback in notebooks. Thank you.<br>

<div><br></div><div><div class="" tabindex="2" style="margin:2px 0px;padding:5px;border:1px solid rgb(170,170,170);font:inherit;vertical-align:baseline;background-image:url(http://127.0.0.1:8888/static/jquery/css/themes/base/images/ui-bg_flat_75_ffffff_40x100.png);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;outline:none;width:999px;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px;background-repeat:repeat no-repeat">

<div class="" tabindex="-1" style="margin:0px;padding:5px;border:0px none;font:inherit;vertical-align:baseline;color:black;font-family:&#39;Helvetica Neue&#39;,Arial,Helvetica,Geneva,sans-serif;outline:none;width:inherit">

<p style="margin:1em 0px 0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">Testing webm playback in ipynb.</p></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px;border:1px solid transparent;font:inherit;vertical-align:baseline;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:29px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:973.5625px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

<span id="CodeMirror-temp-a35f7a" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre></div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

Webm should run natively in Chrome... but no joy so far.</pre></div></div></div></div></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px 5px 5px 0px;border:1px solid transparent;font:inherit;vertical-align:baseline;display:-webkit-box;width:999px;outline-style:none;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box;outline-style:none"><div class="" style="margin:0px;padding:0.4em;border-width:1px 0px 0px;border-top-style:solid;border-top-color:transparent;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;color:navy">

In [20]:</div><div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247);outline-style:none">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace;outline-style:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:auto;outline-style:none">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline-style:none;height:97px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline-style:none"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;outline-style:none">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:882.796875px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)"></span><span id="CodeMirror-temp-a4d4e6" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre>

</div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline-style:none"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0);font-weight:bold">from</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">IPython.core.display</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0);font-weight:bold">import</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">HTML</span></pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0)">open</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm, &quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">rb</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;).read()</span></pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_encoded</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video.encode</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;base64&quot;</span>)</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_tag</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&#39;&lt;video controls alt=&quot;test&quot; src=&quot;data:video/x-m4v;base64,{0}&quot;&gt;&#39;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">.format</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_encoded</span>)</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">HTML</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">data</span>=<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_tag</span>)</pre>

</div></div></div></div></div></div></div></div></div><div class="" style="margin:5px 0px 0px 5px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:992px"><div class="" title="click to scroll output; double click to hide" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;height:113.4375px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px">

</div><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box">

<div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right"></div><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;font-family:monospace">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:monospace,sans-serif;white-space:pre-wrap"><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">  File </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">&quot;&lt;ipython-input-20-54bdec7eda2e&gt;&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">, line </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">2</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">    video = open(&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm, &quot;rb&quot;).read()</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(128,128,128)">                                                                       ^</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">SyntaxError</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">:</span> invalid syntax


</pre></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px;border:1px solid transparent;font:inherit;vertical-align:baseline;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:29px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:973.5625px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

<span id="CodeMirror-temp-29ec62" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre></div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

remove &#39;rb&#39; see if that changes any thing...</pre></div></div></div></div></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px 5px 5px 0px;border:1px solid transparent;font:inherit;vertical-align:baseline;display:-webkit-box;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0.4em;border-width:1px 0px 0px;border-top-style:solid;border-top-color:transparent;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;color:navy">

In [27]:</div><div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:97px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:882.796875px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)"></span><span id="CodeMirror-temp-831720" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre>

</div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0);font-weight:bold">from</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">IPython.core.display</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0);font-weight:bold">import</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">HTML</span></pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0)">open</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot;</span>)<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">.read</span>()</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_encoded</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video.encode</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;base64&quot;</span>)</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_tag</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&#39;&lt;video controls alt=&quot;test&quot; src=&quot;data:video/x-m4v;base64,{0}&quot;&gt;&#39;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">.format</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_encoded</span>)</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">HTML</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">data</span>=<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_tag</span>)</pre>

</div></div></div></div></div></div></div></div></div><div class="" style="margin:5px 0px 0px 5px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:992px"><div class="" title="click to scroll output; double click to hide" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;height:334.4375px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px">

</div><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box">

<div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right"></div><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;font-family:monospace">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:monospace,sans-serif;white-space:pre-wrap"><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">---------------------------------------------------------------------------</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">UnicodeDecodeError</span>                        Traceback (most recent call last)
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">&lt;ipython-input-27-95a59987a12d&gt;</span> in <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">&lt;module&gt;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">()</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      1</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">from</span> IPython<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>core<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>display <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">import</span> HTML<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">----&gt; 2</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"> </span>video <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> open<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>read<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      3</span> video_encoded <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> video<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>encode<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">&quot;base64&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      4</span> video_tag <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">&#39;&lt;video controls alt=&quot;test&quot; src=&quot;data:video/x-m4v;base64,{0}&quot;&gt;&#39;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>format<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>video_encoded<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      5</span> HTML<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>data<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span>video_tag<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">/usr/lib/python3.2/codecs.py</span> in <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">decode</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">(self, input, final)</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    298</span>         <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)"># decode input (taking the buffer into account)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    299</span>         data <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>buffer <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">+</span> input<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">--&gt; 300</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">         </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>result<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">,</span> consumed<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>_buffer_decode<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>data<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">,</span> self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>errors<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">,</span> final<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    301</span>         <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)"># keep undecoded input until the next call</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    302</span>         self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>buffer <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> data<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">[</span>consumed<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">:</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">]</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">UnicodeDecodeError</span>: &#39;utf-8&#39; codec can&#39;t decode byte 0x82 in position 13: invalid start byte

</pre></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px;border:1px solid transparent;font:inherit;vertical-align:baseline;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:29px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:973.5625px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

<span id="CodeMirror-temp-9f54d1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre></div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

Try again by changing base64 to base32 and setting video/webm</pre></div></div></div></div></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px 5px 5px 0px;border:1px solid transparent;font:inherit;vertical-align:baseline;display:-webkit-box;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0.4em;border-width:1px 0px 0px;border-top-style:solid;border-top-color:transparent;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;color:navy">

In [29]:</div><div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:97px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:882.796875px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span id="CodeMirror-temp-9c30f" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre>

</div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0);font-weight:bold">from</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">IPython.core.display</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0);font-weight:bold">import</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">HTML</span></pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0)">open</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot;</span>)<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">.read</span>()</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_encoded</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video.encode</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;base32&quot;</span>)</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_tag</span> = <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&#39;&lt;video controls alt=&quot;test&quot; src=&quot;data:video/webm;base32,{0}&quot;&gt;&#39;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">.format</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_encoded</span>)</pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">HTML</span>(<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">data</span>=<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video_tag</span>)</pre>

</div></div></div></div></div></div></div></div></div><div class="" style="margin:5px 0px 0px 5px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:992px"><div class="" title="click to scroll output; double click to hide" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;height:334.4375px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px">

</div><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box">

<div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right"></div><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;font-family:monospace">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:monospace,sans-serif;white-space:pre-wrap"><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">---------------------------------------------------------------------------</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">UnicodeDecodeError</span>                        Traceback (most recent call last)
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">&lt;ipython-input-29-d05ae16c77cd&gt;</span> in <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">&lt;module&gt;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">()</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      1</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">from</span> IPython<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>core<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>display <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">import</span> HTML<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">----&gt; 2</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"> </span>video <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> open<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>read<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      3</span> video_encoded <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> video<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>encode<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">&quot;base32&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      4</span> video_tag <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">&#39;&lt;video controls alt=&quot;test&quot; src=&quot;data:video/webm;base32,{0}&quot;&gt;&#39;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>format<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>video_encoded<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">      5</span> HTML<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>data<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span>video_tag<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">/usr/lib/python3.2/codecs.py</span> in <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">decode</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,0,139)">(self, input, final)</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    298</span>         <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)"># decode input (taking the buffer into account)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    299</span>         data <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>buffer <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">+</span> input<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">--&gt; 300</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">         </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>result<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">,</span> consumed<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>_buffer_decode<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">(</span>data<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">,</span> self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>errors<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">,</span> final<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">)</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    301</span>         <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)"># keep undecoded input until the next call</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">    302</span>         self<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">.</span>buffer <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">=</span> data<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">[</span>consumed<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">:</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">]</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)"></span>

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">UnicodeDecodeError</span>: &#39;utf-8&#39; codec can&#39;t decode byte 0x82 in position 13: invalid start byte

</pre></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px;border:1px solid transparent;font:inherit;vertical-align:baseline;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:29px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:973.5625px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

<span id="CodeMirror-temp-9ab60d" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre></div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

How about as just a raw html with video controls?</pre></div></div></div></div></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px 5px 5px 0px;border:1px solid transparent;font:inherit;vertical-align:baseline;display:-webkit-box;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0.4em;border-width:1px 0px 0px;border-top-style:solid;border-top-color:transparent;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;color:navy">

In [30]:</div><div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:29px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:882.796875px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)"></span><span id="CodeMirror-temp-bc524a" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre>

</div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">&lt;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">controls</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">src</span>=<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot;</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">/&gt;</span></pre>

</div></div></div></div></div></div></div></div></div><div class="" style="margin:5px 0px 0px 5px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:992px"><div class="" title="click to scroll output; double click to hide" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;height:113.4375px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px">

</div><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box">

<div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right"></div><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;font-family:monospace">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:monospace,sans-serif;white-space:pre-wrap"><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">  File </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">&quot;&lt;ipython-input-30-a6fa9b78cf3c&gt;&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">, line </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">1</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">    &lt;video controls src=&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot; /&gt;</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(128,128,128)">    ^</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">SyntaxError</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">:</span> invalid syntax


</pre></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px;border:1px solid transparent;font:inherit;vertical-align:baseline;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:29px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:973.5625px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

<span id="CodeMirror-temp-3aa2a7" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre></div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

How about as video source?</pre></div></div></div></div></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px 5px 5px 0px;border:1px solid transparent;font:inherit;vertical-align:baseline;display:-webkit-box;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0.4em;border-width:1px 0px 0px;border-top-style:solid;border-top-color:transparent;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;color:navy">

In [31]:</div><div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:46px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:882.796875px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre></div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">&lt;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">video</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">src</span>=<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot;</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">/&gt;</span></pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

 </pre></div></div></div></div></div></div></div></div></div><div class="" style="margin:5px 0px 0px 5px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:992px"><div class="" title="click to scroll output; double click to hide" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;height:113.4375px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px">

</div><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box">

<div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right"></div><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;font-family:monospace">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:monospace,sans-serif;white-space:pre-wrap"><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">  File </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">&quot;&lt;ipython-input-31-cbbfa959575d&gt;&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">, line </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">1</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">    &lt;video src=&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot; /&gt;</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(128,128,128)">    ^</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">SyntaxError</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">:</span> invalid syntax


</pre></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px;border:1px solid transparent;font:inherit;vertical-align:baseline;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:29px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:973.5625px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

<span id="CodeMirror-temp-f6f578" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre></div><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;background-color:rgb(217,217,217);height:17px">

</div></div><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:break-word">

src webm  &lt;source src=&quot;muirbeach.webm&quot;type=&#39;video/webm; codecs=&quot;vp8, vorbis&quot;&#39; &gt;</pre></div></div></div></div></div></div></div></div></div><div class="" tabindex="2" style="margin:2px 0px;padding:5px 5px 5px 0px;border:1px solid transparent;font:inherit;vertical-align:baseline;display:-webkit-box;width:999px;color:rgb(0,0,0);font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;line-height:17px">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0.4em;border-width:1px 0px 0px;border-top-style:solid;border-top-color:transparent;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;color:navy">

In [34]:</div><div class="" style="margin:0px;padding:0px;border:1px solid rgb(221,221,221);font:inherit;vertical-align:baseline;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:rgb(247,247,247)">

<div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;line-height:1.231;font-family:monospace"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;overflow:hidden;width:3px;height:0px">

<textarea style="font-size:1em;font-family:&#39;Lucinda Grande&#39;,&#39;Lucinda Sans Unicode&#39;,Helvetica,Arial,Verdana,sans-serif;padding:0px;width:1px;height:1em;outline:none!important"></textarea></div><div class="" tabindex="-1" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:auto">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;height:46px"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline">

<div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;outline:none"><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:882.796875px;height:0px;overflow:hidden">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)"></span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(255,0,0)"></span><span id="CodeMirror-temp-9acae0" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"></span></pre>

</div><pre class="" style="margin-top:0px;margin-bottom:0px;padding:0px;border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:black;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

</pre><div style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline"><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">&lt;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">source</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline">src</span>=<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot;</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(255,0,0)">\</span></pre>

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:inherit;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-color:transparent;word-wrap:normal">

<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,128,0)">type</span>=<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(186,33,33)">&#39;video/webm; codecs=&quot;vp8, vorbis&quot;&#39;</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">&gt;</span></pre>

</div></div></div></div></div></div></div></div></div><div class="" style="margin:5px 0px 0px 5px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:992px"><div class="" title="click to scroll output; double click to hide" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right;height:113.4375px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px">

</div><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box"><div class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;display:-webkit-box">

<div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;width:11ex;font-family:monospace;text-align:right"></div><div class="" style="margin:0px;padding:0.4em;border:0px;font:inherit;vertical-align:baseline;font-family:monospace">

<pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;font-family:monospace,sans-serif;white-space:pre-wrap"><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">  File </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">&quot;&lt;ipython-input-34-7a4abb88679d&gt;&quot;</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)">, line </span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(0,100,0)">1</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(165,42,42)">    &lt;source src=&quot;/home/dennis/Videos/Webcam/2012-11-25-173506.webm&quot; \</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(128,128,128)">    ^</span>
<span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">SyntaxError</span><span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(139,0,0)">:</span> invalid syntax

</pre></div></div></div></div></div><pre cols="72">lost and found:<br><br>0018586833669 (google)<br>GoogleTalk: dennisgdaniels<br><br>skype: dennisdaniels<br><br>0015047227525 (only emergencies)<br>EOF</pre>
<br>
</div></div>