autoViewerIframe Library Javascript

Javascript library that Allow detecting when a url is entered in an entry, and create an iframe with this transformed url, it is extracted and detected with a regular explanation and the url is constructed with a constant

Install

<script src="src/autoViewerIframe.js" type="text/javascript"></script>

Use HTML

<input id="input_example" 
			type="text" onload="$autoViewerYoutube.bind(this);" 
			data-container-id="container_view_id" 
			class="form-control" 
			placeholder="Paste Your link youtube here..." />

<div id="container_view_id"></div>

The "data-container-id" is the container id of iframe

Use JavaScript

$autoViewerYoutube.bind(document.getElementById("input"));

Configurations

options:{
    regexs:[
        {
          condition: /http(?:s?):\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?‌[\w\?‌=]*)?/,
          embed:"https://www.youtube.com/embed/"
        }
]

// edit in file "autoViewerIframe.js"

Authors

https://github.com/jpanqueva
https://github.com/archarry86

License

MIT License.