video not working in IE

**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:

Code:

<%@ 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:

Click image for larger version.

Name: ie.jpg
Views: 224
Size: 16.7 KB
ID: 5638

This is what it looks like ion IE:

Click image for larger version.

Name: chrome.jpg
Views: 253
Size: 5.4 KB
ID: 5637

Does anyone know what might be the problem in IE?

**Beverleyh** · 03-17-2015, 06:21 PM

Without a link to your page, we're working blind.

When you view the source of the web page, what is the video/path referenced here (red)? src="PlainVideoTemplate.aspx?VideoPath=<%=Video1%>"

Does that print in IE?

Have you tried it with a hard-coded video path (no variables)? and does that work instead?

Have you tried an absolute path?

If you need more help, please provide a link to your page.

**gib65** · 03-17-2015, 08:58 PM