Hi.
I am working on a website, where on one page I have a video. I am using VS2010 as a development environment. Now, my problem is that I can't see my videos after having deployed the site to my server. When viewing the page with the VS2010 built-in browser, everything is OK. I can see my videos.
The markup for my page is like this:
<%@ Page Title="Video" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="ShowVideo.aspx.cs" Inherits="ShowVideo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<h1>Testing videos</h1>
<p>1st video is stored on-site:</p>
<video width ="320" height="240" src="VideoData/MAH09112.mp4" controls >
Your browser does not support the video tag.
</video>
<br /><br />
<p>2nd video is external to this site:</p>
<video width ="320" height="240" src=http://techslides.com/demos/sample-videos/small.mp4 controls >
Your browser does not support the video tag.
</video>
<p>Both videos show when viewed with VS2010 built-in browser.<br />
Only 2nd video shows when the deployed website is viewed in IE(9), Firefox(34) or Chrome(39).</p>
</asp:Content>
As stated in the markup, both videos are visible when viewing the page under VS2010, whereas only the second is visible when the site is visited in standard browsers.
The page can be viewed here:
http://melo12b54.nes56.net/ShowVideo.aspx
I have tested with IE9, Firefox 34.0 and Chrome 39.0 with identical results.
Do I perhaps need a video plugin?
Or are not all .mp4 video files created equal?