Note that there are some explanatory texts on larger screens.

plurals
  1. POVisual Studio 2010 Missing HTML5 Video?
    primarykey
    data
    text
    <p>Working with HTML5 within VS2010, I don't understand how the source tags aquire the path for the video. I assume it either can be Absoulute or Relative. </p> <p>What I am attempting is very simple:</p> <pre><code>&lt;video id="my_video" width="480" height="300" controls preload="none" poster="webm/art_leaf_resized.jpg"&gt; &lt;source src="webm/Along_the_Path.mp4" type="video/mp4" /&gt; &lt;source src="webm/Along the Path.webm" type="video/webm" /&gt; &lt;source src="webm/Along the Path.ogv" type="video/ogg" /&gt; &lt;/video&gt; </code></pre> <p>However, Pressing F5 in VS2010, Firefox and IE9 can not locate the video displaying an X. Chrome is able to find the video and play it. </p> <p><strong>The poster image shows correctly and isn't missing. The poster image is in the same directory as the videos?</strong></p> <p>File Directory:</p> <p><img src="https://i.stack.imgur.com/tvD5M.jpg" alt="enter image description here"></p> <p>A basic HTML page <strong>(HTMLPage1.htm)</strong> holds only the video element.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;video id="my_video" width="480" height="300" controls preload="none" poster="webm/art_leaf_resized.jpg"&gt; &lt;source src="webm/Along_the_Path.mp4" type="video/mp4" /&gt; &lt;source src="webm/Along the Path.webm" type="video/webm" /&gt; &lt;source src="webm/Along the Path.ogv" type="video/ogg" /&gt; &lt;/video&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Closing VS2010 and opening IE9 and dragging in the htm page, the video is able to play in IE9, Firefox, and Chrome. I believe VS2010 is doing something?</p> <p>I have been working with for some time now. I believe that I am not thinking, which it probably is something very simple.</p> <p>Any help would be appreciated.</p> <p>Thank you, deDogs</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload