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.
What I am attempting is very simple:
<video id="my_video" width="480" height="300" controls preload="none" poster="webm/art_leaf_resized.jpg">
<source src="webm/Along_the_Path.mp4" type="video/mp4" />
<source src="webm/Along the Path.webm" type="video/webm" />
<source src="webm/Along the Path.ogv" type="video/ogg" />
</video>
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.
The poster image shows correctly and isn’t missing. The poster image is in the same directory as the videos?
File Directory:
A basic HTML page (HTMLPage1.htm) holds only the video element.
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body>
<video id="my_video" width="480" height="300" controls
preload="none" poster="webm/art_leaf_resized.jpg">
<source src="webm/Along_the_Path.mp4" type="video/mp4" />
<source src="webm/Along the Path.webm" type="video/webm" />
<source src="webm/Along the Path.ogv" type="video/ogg" />
</video>
</body>
</html>
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?
I have been working with for some time now. I believe that I am not thinking, which it probably is something very simple.
Any help would be appreciated.
Thank you,
deDogs
After returning to this project, I found the answer to why HTML Videos were missing.
My findings can be read at my blog: Visual Studio Development Web Server, mp4 isn’t part of the set of built in known Mime types.
Thank you,
deDogs