title: Display video stream from LAN port inside HTML page
body: <p>I am confronted with a very simple problem but I couldn't find any solution or piece of information through the internet.</p>
  
  <p>I have a camera sending a video stream to an Ubuntu server (with fixed IP 192.168.1.100), through the port 8081, and I would like to "capture" this stream to display it inside a nice HTML page. </p>
  
  <p>From inside my local network, I simply use the HTML iframe tag as follow and it works fine:</p>
  
  <pre><code>&lt;iframe src="http://192.168.1.100:8081"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>However, here is the problem:
  from outside my local network, my webpage is correctly accessible through my domain name but the iframe stays empty. I believe the reason is (correct me if I am wrong) that since the HTML code is executed in the browser, the address "<a href="http://192.168.1.100:8081" rel="nofollow">http://192.168.1.100:8081</a>" of the iframe tag doesn't point to my server anymore.
  Therefore, the first thing I tired is to replace the previous iframe tag with the following one: </p>
  
  <pre><code>&lt;iframe src="http://MY_DOMAIN_NAME:8081"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>However, this cannot work because I didn't forward the port 8081 of my router (and I cannot do it because otherwise everybody will be able to see my video stream without any access control).</p>
  
  <p>Do someone have any idea about how to proceed ? More precisely, how can I access my video stream (embedded in an HTML page) from both, inside and outside my local network ?</p>