IE 11 Slick Slider

HTML5 videos are still displaying.

by codedcontainer

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick-theme.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap-theme.css">
<div class="container-fluid main-content" ng-controller="homeVideos" id="homeVideos" style="padding-top: 150px; background-color: maroon;  "> 
<div class="container">

<div class="slick-slider">
  <div ng-repeat="video in videos" itemscope itemtype="http://schema.org/VideoObject">
    <video width="300" height="165" controls poster="{{video.cover}}">
    	<source src="{{video.mp4}}" type="video/mp4">
    	<source src="{{video.ogg}}" type="video/ogg">
    	<source src="{{video.webm}}" type="video/webm">    
	  </video>
    
    
<!--
    <div class="video-container"> 
    <iframe  width="300" height="165" ng-src="{{video.url}}" frameborder="0" allowfullscreen></iframe>
    </div>
-->
    <p itemprop="caption">{{video.desc}}</p>
  </div>
</div>
</div>
</div>

JavaScript

/* angular app init */
var myApp = angular.module('myApp',[]);

/* angular video scope model */ 
angular.module('myApp').controller('homeVideos', function($scope){
	$scope.videos = [
		{ 
			mp4: 'https://unitedway.iupui.edu/videos/Big Brothers Big Sisters - Education.mp4', 
			ogv: 'https://unitedway.iupui.edu/videos/Big Brothers Big Sisters - Education.ogv', 
			webm:'https://unitedway.iupui.edu/videos/Big Brothers Big Sisters - Education.webm',
			desc: 'A Big Sister made a big difference in the life of one high-school graduate who credits Big Brothers Big Sisters with changing her life for the better.',
			cover:'https://unitedway.iupui.edu/videos/cover-art/Big_Brothers_Big_Sisters.jpg'
		},
		{
			mp4: 'https://unitedway.iupui.edu/videos/Bosma Enterprises - Financial Stability.mp4',
			ogv: 'https://unitedway.iupui.edu/videos/Bosma Enterprises - Financial Stability.ogv',
			webm:'https://unitedway.iupui.edu/videos/Bosma Enterprises - Financial Stability.webm',
			desc: 'Lise Pace lost her vision, her job and her independence. When she found Bosma Enterprises, she found hope. Watch how Lise rediscovered herself and reinvented her life.',
			cover:'https://unitedway.iupui.edu/videos/cover-art/Bosma_Enterprises.jpg'
		},
		{
			mp4: 'https://unitedway.iupui.edu/videos/Early Learning Indiana - Education.mp4', 
			ogv: 'https://unitedway.iupui.edu/videos/Early Learning Indiana - Education.ogv',
			webm:'https://unitedway.iupui.edu/videos/Early Learning Indiana - Education.webm',
			desc: 'As a single mother of three, Denika wasn’t sure how she would juggle a full-time job and making sure her young children received the best care and education while she was at work',
			cover:'https://unitedway.iupui.edu/videos/cover-art/Early_Learning_Education.jpg'
		},
		{
			mp4: 'https://unitedway.iupui.edu/videos/Easter Seals Crossroads - Education.mp4',
			ogv: 'https://unitedway.iupui.edu/videos/Easter Seals Crossroads -...