<template>
	<iframe 
		id="llo"
		:title="title"
		:width="width"
		:height="height"
		:src="source"
		allowfullscreen
		frameborder="0"
		>
	</iframe>
</template>

<script>
    export default {
        props: {
					'title':'',
					'course':'',
          'llo':''
				},
        data() {
            return {
                //source:'',
                source: `http://localhost:3080/player/aplayer.html?llo=${this.llo}&item=${this.course}`,
                //source: `http://localhost:3080/player/aplayer.html?llo=${this.llo}&item=${this.course}`,
								width:"600",
								height:"750"
            }
        },
        mounted() {
                //this.source = `http://localhost:3080/player/aplayer.html?llo=${this.llo}&item=${this.course}`
           //console.log('----------- '+JSON.stringify(this.llo));
//var a = document.createElement('iframe');
//a.src = this.source;
//a.width = "600";
//a.height = "750";
//a.setAttribute('allowFullScreen', 'true')
//document.getElementById(this.llo).appendChild(a);
//  // Can't use script tags directly apparently
//            let asciiscript = document.createElement('script');
//            asciiscript.setAttribute('src', this.source);
//            asciiscript.setAttribute('id', this.ascid);
//            console.log(this.id);
//            document.getElementById(this.id).appendChild(asciiscript)
        }
    }
</script>
