上载后加载iframe

Question

I have got a blog and I would like youtube and vimeo videos to load after the page is loaded, because as of now these videos block the loading of the rest of the content.

This is the code I generate for each post:

public function generateVimeoVideo($class){

    return "<iframe class='".$class."' src='//player.vimeo.com/video/".$this->vimeo_video_id."' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>";


}

How do I load this after onload ?

Answer 1

Basically capture the values returned by generateVimeoVideo($class)() in a javascript variable and create the iframe element on the page you are displaying it only once your dom has loaded.