utoronto.ca blob html


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="favicon.ico">
	<link href="https://play.library.utoronto.ca/css/play.min.css" rel="stylesheet">
	<title>MyMedia</title>

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
			<![endif]-->
</head>

<body>

<header>

	<img class="utl-logo" src="//content.library.utoronto.ca/i/utl-logo-white-correct.png" alt="utl" />
	<h1><a href = "http://mymedia.library.utoronto.ca/cgi-bin/WebObjects/MyMedia.woa/">MyMedia</a></h1>

	<div class = "uoft-links">
		<a href = "http://www.library.utoronto.ca">UTL Home</a>
		|
		<a href = "http://www.utoronto.ca">UofT Home</a>
		|
		<a href = "http://portal.utoronto.ca">Portal</a>
		|
		<a href = "http://rosi.utoronto.ca">ROSI</a>
		|
		<a href = "http://www.utoronto.ca/Campus_Maps.htm">Campus Maps</a>
	 </div>

</header>

<navigation>
	<div class="nav-wrapper">
		<div style="margin-left:10px;">
			<a href="https://mymedia.library.utoronto.ca/cgi-bin/WebObjects/MyMedia.woa">MyMedia</a>
		</div>

		<div>
			<a href="https://mymedia.library.utoronto.ca/cgi-bin/WebObjects/MyMedia.woa/2/wa/aboutMyMedia">About</a>
		</div>

		<div>
			<a href="https://mymedia.library.utoronto.ca/cgi-bin/WebObjects/MyMedia.woa/2/wa/help">Help</a>
		</div>

		<div style="float: right;">
			<a href="https://mymedia.library.utoronto.ca/cgi-bin/WebObjects/MyMedia.woa">Login</a>
		</div>
	</div>
</navigation>

<div class = "wrapper">
	<h1 style="float:left">GGR372Assign2  </h1>

	<div class="content" style="width:100%; max-width:993px">

<video id="mymedia" tabindex="0" width="100%" height="400" class="video-js vjs-default-skin" controls preload="auto" poster="https://media.library.utoronto.ca/stills/rdxdc4tC5F2W.mp4.jpg" data-type="video">


	<!-- RTMPS -->
        <source
                src="rtmps://stream.library.utoronto.ca:1935/MyMedia/play/&amp;mp4:1/rdxdc4tC5F2W.mp4"
                type="rtmp/mp4">

	<!-- HLS -->
	<source
		src="https://stream.library.utoronto.ca:1935/MyMedia/play/mp4:1/rdxdc4tC5F2W.mp4/playlist.m3u8"
		type="application/x-mpegURL">

	<!-- MPEG DASH -->
	<source
		src="https://stream.library.utoronto.ca:1935/MyMedia/play/mp4:1/rdxdc4tC5F2W.mp4/manifest.mpd"
		type="application/dash+xml">


	<!-- RTSPS -->
	<source
		src="rtsps://stream.library.utoronto.ca:1935/MyMedia/play/&amp;mp4:1/rdxdc4tC5F2W.mp4"
		type="application/sdp">

	<!-- Adobe HDS -->
	<source
		src="https://stream.library.utoronto.ca:1935/MyMedia/play/mp4:1/rdxdc4tC5F2W.mp4/manifest.f4m"
		type="application/f4m">


</video>

        <h1 id="video_title">GGR372Assign2 </h1>

		<h2>Details</h2>

   		<h3>Uploaded By <span id="owner_video">Cameron Proctor</span></h3>


        <h3>Duration 00:12:51</h3>

		<h3>File Size 47.91MB</h3>


	    <div style="clear:both;">&nbsp;</div>

	</div>
</div>

<footer>
	<ul>
		<li>&copy; 2018 University of Toronto. All rights reserved.</li>
		<li><a href="http://www.library.utoronto.ca">www.library.utoronto.ca</a> | Telephone: 416-978-8450 | <a href="mailto:library.info@utoronto.ca">library.info@utoronto.ca</a>
		<li><a target="_blank" href="http://maps.google.ca/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=130+St+George+St,+Toronto,+ON&amp;sll=43.662749,-79.395962&amp;sspn=0.012962,0.018454&amp;ie=UTF8&amp;z=17&amp;iwloc=addr">University of Toronto Libraries, 130 St. George Street, Toronto, ON M5S 1A5 Canada</a></li>
	</ul>
</footer>

<script src="https://play.library.utoronto.ca/js/play.min.js"></script>
<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-65962064-1', 'auto');
	  ga('send', 'pageview');

		function _gaLt(event){
		    var el = event.srcElement || event.target;

		    /* Loop up the DOM tree through parent elements if clicked element is not a link (eg: an image inside a link) */
		    while(el && (typeof el.tagName == 'undefined' || el.tagName.toLowerCase() != 'a' || !el.href)){
		        el = el.parentNode;
		    }

		    if(el && el.href){
		        /* link */
		        var link = el.href;
		        if(link.indexOf(location.host) == -1 && !link.match(/^javascript\:/i)){ /* external link */
		            /* HitCallback function to either open link in either same or new window */
		            var hitBack = function(link, target){
		                target ? window.open(link, target) : window.location.href = link;
		            };
		            /* Is target set and not _(self|parent|top)? */
		            var target = (el.target && !el.target.match(/^_(self|parent|top)$/i)) ? el.target : false;
		            /* send event with callback */
		            ga(
		                "send", "event", "Outgoing Links", link,
		                document.location.pathname + document.location.search,
		                {"hitCallback": hitBack(link, target)}
		            );

		            /* Prevent standard click */
		            event.preventDefault ? event.preventDefault() : event.returnValue = !1;
		        }

		    }
		}

		/* Attach the event to all clicks in the document after page has loaded */
		var w = window;
		w.addEventListener ? w.addEventListener("load",function(){document.body.addEventListener("click",_gaLt,!1)},!1)
		 : w.attachEvent && w.attachEvent("onload",function(){document.body.attachEvent("onclick",_gaLt)});
		$(function() {


		  var owner = $('#owner_video').text();

		  var ajax_called = false;

		  var player = videojs('mymedia', {}, function() {

		    var media_id = $('#media_id').val();
		    var username = $('#utorid').val();

		    var title = $('#video_title').text();
		    this.ga({'eventLabel': title+" - by " + owner, 'media_id': media_id, 'user_id': username});

		  });

		});
 	</script>
</body>
</html>