jQuery selector for YouTube iframe

JavaScript
1

Hi there,

Does anyone know how to select a YouTube iframe with jQuery.

I am designing a player based on YouTube’s js api and my plugin basically selects all of the iframes on a page and transforms then into custom YouTube players. It works ok but isn’t suitable for websites that have other iframe content other than YouTube because the plugin will remove them indiscriminately and try to put the player in their place.

thanks in advance

Silversurfer

2

Hi silversurfer5150,

If possible try to add a code which will identified the iframe youtube content and neglect other iframe content.

Example:

jQuery(‘iframe’).each(function() {
var video = $(this);
var vidSrc = “”;
vidSrc = video.attr(‘src’);
if(vidSrc.length>29){
if(vidSrc.substr(0,29)==“http://www.youtube.com/embed/”){

    //Your code
    
    }

}
}

3

Hi Jimmy,
Thanks for your input, that’s a good idea, my code actually does something similar already within the plugin but ideally I would like to select the YouTube video element before entering the plugin as in:


$("youtube_movie_selector_here").myplugin();

I have found various things like $(“object”).[0] (can’t remember exact syntax) and suchlike which can select the child of an object tag but there doesn’t appear to be much information about it.

thanks anyway :slight_smile:

4

Hi there silversurfer5150,

You can use the Attribute Starts With Selector

var youTubeIframes = $('iframe[src^="http://www.youtube.com/embed/"]');

HTH

5

Thanks Pullo, that’s a new selector to me, great :slight_smile: