Dynamic Load Video - Bootstrap 3

YouTube iframe is initially inside a hidden div. Low Quality Thumbanil

YouTube iframe is initially inside a hidden div. High Quality Thumbanil

• iframe is replaced with the same iframe so that YouTube gets the iframe dimension and gives correct thumbnail resolution.
• Loop through all iframes and for each iframe loop attributes and recreate the iframe
• iframe.lili-youtube
• Create an element using $('<iframe />', attributes)
• jQuery().replaceWith()

Vanilla JavaScript

• Same origin