live.htm

<video width=800 height=600 controls id=videoPlayer></video>

<br>
<button data-file=https://mcdn.daserste.de/daserste/de/master_3744.m3u8>erste</button>
<button data-file=https://kikageohls-i.akamaihd.net/hls/live/1006268-b/livetvkika_de/master_1080.m3u8>kika</button>
<button data-file=https://kikade-lh.akamaihd.net/i/livetvkika_de@450035/index_3776_av-b.m3u8?sd=10&rebase=on>kika</button>
<button data-file=https://zdfhls19-i.akamaihd.net/hls/live/744752/de/5/5.m3u8>Phoenix</button>
<button data-file=http://zdf0910-lh.akamaihd.net/i/dach10_v1@392872/index_1496_av-p.m3u8?sd=10&rebase=on>3sat</button>
<button data-file=http://livestreams.br.de/i/bralpha_germany@119899/index_3776_av-b.m3u8?sd=10&rebase=on>ARD-ALPHA</button>
<button data-file=http://artelive-lh.akamaihd.net/i/artelive_de@393591/index_2_av-b.m3u8?sd=10&rebase=on>ARTE DEUTSCH</button>
<button data-file=http://dwstream72-lh.akamaihd.net/i/dwstream72_live@123556/master.m3u8>dw</button>
<button data-file=http://onelivestream-lh.akamaihd.net/i/one_livestream@568814/index_7_av-p.m3u8?sd=10&rebase=on>one</button>
<button data-file=https://zdf1314-lh.akamaihd.net/i/de14_v1@392878/index_3096_av-p.m3u8?sd=10&rebase=on>fussball</button>
<button data-file=https://zdf1314-lh.akamaihd.net/i/de14_v1@392878/index_3096_av-b.m3u8?sd=10&rebase=on>zdf_HD</button>
<button data-file=https://zdf-hls-11.akamaized.net/hls/live/2016436-b/de/f35715cabca049a28e80b616cdce8b69/4/4.m3u8>deutschland vs france</button>
<script>

	document.fullscreenElement;
	/* use global variable for ease */
	var v = document.getElementById('videoPlayer');
	/* grab all buttons and attach click events */
	var b = document.getElementsByTagName('button');
	for(i = 0; i<b.length; i++) {
		b[i].addEventListener('click',swapVideo,true);
	}

	function swapVideo(e) {
		/* change the video src attribute based on the data-file attribute of the pressed button */
		/* http://zdf0910-lh.akamaihd.net/i/de09_v1@392871/master.m3u8 */
		/* http://www.ardmediathek.de/play/media/31173106?devicetype=pc&features= */
		/* http://www.ardmediathek.de/play/config/31173106?devicetype=pc */

		/* http://live-lh.daserste.de/i/daserste_de@91204/master.m3u8 erste*/
		/* http://dwstream72-lh.akamaihd.net/i/dwstream72_live@123556/master.m3u8 dw*/
		/* http://zdf0910-lh.akamaihd.net/i/de09_v1@392871/master.m3u8 Phoenix*/
		/* http://livestreams.br.de/i/bralpha_germany@119899/master.m3u8 ARD-ALPHA*/
		/* http://artelive-lh.akamaihd.net/i/artelive_de@393591/master.m3u8 ARTE DEUTSCH*/
		/* http://livestream-1.hr.de/i/hr_fernsehen@75910/master.m3u8 hr*/
		/* http://wdr_einsfestival-lh.akamaihd.net/i/wdr_einsfestival@328300/master.m3u8 one*/
		/* http://tvstreamgeo.wdr.de/i/wdrfs_geogeblockt@112044/master.m3u8 wdr*/
		/* http://fs.live.sr.de/i/sr_universal02@107595/master.m3u8 sr*/
		/* http://zdf0910-lh.akamaihd.net/i/dach10_v1@392872/master.m3u8 3sat*/


		v.src = e.target.getAttribute('data-file');
		v.autoplay = 'autoplay';
		v.load();
	}
</script>