gib65
03-17-2015, 03:50 PM
Hello,
I'm wondering if there's any reason a video will play in Chrome but not IE.
I have a webpage with this iframe inside it:
<div id="VideoDiv">
<iframe id="VideoIFrame" scrolling="no" frameborder="0" src="PlainVideoTemplate.aspx?VideoPath=<%=Video1%>" >
</iframe>
</div>
As you can see, this frame references PlainVideoTemplate.aspx passing the video path in the URL.
PlainVideoTemplate.aspx looks like this:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlainVideoTemplate.aspx.cs" Inherits="AHSLearning.Training.Templates.PlainVideoTemplate" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link type="text/css" rel="stylesheet" href="css/VideoControls.css" />
<script type="text/javascript" src="../../Scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" src="../../Scripts/Application.js"></script>
<script type="text/javascript" src="Scripts/PlainVideoTemplate.js"></script>
<script type="text/javascript" src="Scripts/VideoControls.js"></script>
</head>
<body style="margin: 0;">
<form id="Form1" runat="server">
<div id="TemplateDiv">
<img id="PleaseSelectACourseImg" src="<%=ImagePath %>" border="0" />
<video id="Video" class="Video" autoplay="autoplay" preload="none" style="width: 100%;">
<source id="VideoSource" src="" type="video/mp4" />
Need HTML5 browser for video.
</video>
<!-- Video Controls -->
<div id="video-controls">
<button type="button" id="play-pause" class="play">Play</button>
<input type="range" id="seek-bar" value="0"/>
<button type="button" id="mute">Mute</button>
<input type="range" id="volume-bar" min="0" max="1" step="0.1" value="1"/> <!-- hidden -->
<button type="button" id="full-screen">Full-Screen</button> <!-- hidden -->
</div>
</div>
</form>
</body>
</html>
Here's what it looks like in Chrome:
5638
This is what it looks like ion IE:
5637
Does anyone know what might be the problem in IE?
I'm wondering if there's any reason a video will play in Chrome but not IE.
I have a webpage with this iframe inside it:
<div id="VideoDiv">
<iframe id="VideoIFrame" scrolling="no" frameborder="0" src="PlainVideoTemplate.aspx?VideoPath=<%=Video1%>" >
</iframe>
</div>
As you can see, this frame references PlainVideoTemplate.aspx passing the video path in the URL.
PlainVideoTemplate.aspx looks like this:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlainVideoTemplate.aspx.cs" Inherits="AHSLearning.Training.Templates.PlainVideoTemplate" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link type="text/css" rel="stylesheet" href="css/VideoControls.css" />
<script type="text/javascript" src="../../Scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" src="../../Scripts/Application.js"></script>
<script type="text/javascript" src="Scripts/PlainVideoTemplate.js"></script>
<script type="text/javascript" src="Scripts/VideoControls.js"></script>
</head>
<body style="margin: 0;">
<form id="Form1" runat="server">
<div id="TemplateDiv">
<img id="PleaseSelectACourseImg" src="<%=ImagePath %>" border="0" />
<video id="Video" class="Video" autoplay="autoplay" preload="none" style="width: 100%;">
<source id="VideoSource" src="" type="video/mp4" />
Need HTML5 browser for video.
</video>
<!-- Video Controls -->
<div id="video-controls">
<button type="button" id="play-pause" class="play">Play</button>
<input type="range" id="seek-bar" value="0"/>
<button type="button" id="mute">Mute</button>
<input type="range" id="volume-bar" min="0" max="1" step="0.1" value="1"/> <!-- hidden -->
<button type="button" id="full-screen">Full-Screen</button> <!-- hidden -->
</div>
</div>
</form>
</body>
</html>
Here's what it looks like in Chrome:
5638
This is what it looks like ion IE:
5637
Does anyone know what might be the problem in IE?