I'm using the notebook as my log book as I figure out how to use notebook. I'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:'Lucinda Grande','Lucinda Sans Unicode',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:'Helvetica Neue',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm, "</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)">").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)">"base64"</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)">'<video controls alt="test" src="data:video/x-m4v;base64,{0}">'</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)">"<ipython-input-20-54bdec7eda2e>"</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("/home/dennis/Videos/Webcam/2012-11-25-173506.webm, "rb").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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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 'rb' 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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm"</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)">"base64"</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)">'<video controls alt="test" src="data:video/x-m4v;base64,{0}">'</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)"><ipython-input-27-95a59987a12d></span> in <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)"><module></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)">----> 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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm"</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)">"base64"</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)">'<video controls alt="test" src="data:video/x-m4v;base64,{0}">'</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)">--> 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>: 'utf-8' codec can'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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm"</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)">"base32"</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)">'<video controls alt="test" src="data:video/webm;base32,{0}">'</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)"><ipython-input-29-d05ae16c77cd></span> in <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(70,130,180)"><module></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)">----> 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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm"</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)">"base32"</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)">'<video controls alt="test" src="data:video/webm;base32,{0}">'</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)">--> 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>: 'utf-8' codec can'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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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"><</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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm"</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">/></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)">"<ipython-input-30-a6fa9b78cf3c>"</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)"> <video controls src="/home/dennis/Videos/Webcam/2012-11-25-173506.webm" /></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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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"><</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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm"</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">/></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)">"<ipython-input-31-cbbfa959575d>"</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)"> <video src="/home/dennis/Videos/Webcam/2012-11-25-173506.webm" /></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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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 <source src="muirbeach.webm"type='video/webm; codecs="vp8, vorbis"' ></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:'Lucinda Grande','Lucinda Sans Unicode',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:'Lucinda Grande','Lucinda Sans Unicode',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"><</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)">"/home/dennis/Videos/Webcam/2012-11-25-173506.webm"</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)">'video/webm; codecs="vp8, vorbis"'</span> <span class="" style="margin:0px;padding:0px;border:0px;font:inherit;vertical-align:baseline;color:rgb(170,34,255);font-weight:bold">></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)">"<ipython-input-34-7a4abb88679d>"</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)"> <source src="/home/dennis/Videos/Webcam/2012-11-25-173506.webm" \</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>