vgrafe/simple-player-page

## simple-player-page
<!--
#      The MIT License (MIT)
#
#      Copyright (c) 2016 Microsoft. All rights reserved.
#
#      Permission is hereby granted, free of charge, to any person obtaining a copy
#      of this software and associated documentation files (the "Software"), to deal
#      in the Software without restriction, including without limitation the rights
#      to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
#      copies of the Software, and to permit persons to whom the Software is
#      furnished to do so, subject to the following conditions:
#
#      The above copyright notice and this permission notice shall be included in
#      all copies or substantial portions of the Software.
#
#      THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
#      IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
#      FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
#      AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
#      LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
#      OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
#      THE SOFTWARE.
-->
<!DOCTYPE html>
<html>
<head>
    <link href="/tvjs.mediaplayer.css" type="text/css" rel="stylesheet" />
    <script src="/directionalNavigation.js"></script>
    <script src="/tvjs.mediaplayer.js"></script>

    <style>

        body {
            overflow: hidden;
            background-color: rgb(16, 16, 16);
        }

        section {
            height: 100vh;
            width: 100vw;
        }

    </style>

</head>
<body>
    <section>
        <div id="mediaPlayer">
            <video
            preload='auto'
            src="!!!insert m3u8 here!!!"
            autoplay="autoplay"></video>
        </div>
    </section>

    <script>

        var mediaPlayer = new TVJS.MediaPlayer(document.getElementById("mediaPlayer"));

        document.onkeydown = () => {
            throw 1999
        }

        window.onkeydown = () => {
            throw 1999
        }

        // removes safe-zone padding on xbox
        if(window.Windows && window.Windows.UI && window.Windows.UI.ViewManagement){
            var applicationView = Windows.UI.ViewManagement.ApplicationView.getForCurrentView();
            applicationView.setDesiredBoundsMode(Windows.UI.ViewManagement.ApplicationViewBoundsMode.useCoreWindow);
        }


    </script>
</body>
</html>
	<!--
	# The MIT License (MIT)
	#
	# Copyright (c) 2016 Microsoft. All rights reserved.
	#
	# Permission is hereby granted, free of charge, to any person obtaining a copy
	# of this software and associated documentation files (the "Software"), to deal
	# in the Software without restriction, including without limitation the rights
	# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	# copies of the Software, and to permit persons to whom the Software is
	# furnished to do so, subject to the following conditions:
	#
	# The above copyright notice and this permission notice shall be included in
	# all copies or substantial portions of the Software.
	#
	# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
	# THE SOFTWARE.
	-->
	<!DOCTYPE html>
	<html>
	<head>
	<link href="/tvjs.mediaplayer.css" type="text/css" rel="stylesheet" />
	<script src="/directionalNavigation.js"></script>
	<script src="/tvjs.mediaplayer.js"></script>

	<style>

	body {
	overflow: hidden;
	background-color: rgb(16, 16, 16);
	}

	section {
	height: 100vh;
	width: 100vw;
	}

	</style>

	</head>
	<body>
	<section>
	<div id="mediaPlayer">
	<video
	preload='auto'
	src="!!!insert m3u8 here!!!"
	autoplay="autoplay"></video>
	</div>
	</section>

	<script>

	var mediaPlayer = new TVJS.MediaPlayer(document.getElementById("mediaPlayer"));

	document.onkeydown = () => {
	throw 1999
	}

	window.onkeydown = () => {
	throw 1999
	}

	// removes safe-zone padding on xbox
	if(window.Windows && window.Windows.UI && window.Windows.UI.ViewManagement){
	var applicationView = Windows.UI.ViewManagement.ApplicationView.getForCurrentView();
	applicationView.setDesiredBoundsMode(Windows.UI.ViewManagement.ApplicationViewBoundsMode.useCoreWindow);
	}


	</script>
	</body>
	</html>