Please help. Advanced Techniques Flexible Videos with FitVid challenge.

Here's a hint: In the Javascript below all the regular markup, there's an id(#) already in place, ready to go. Hope that helps.

Hey @Joseph

I'm actually having difficulty figuring out which code challenge you're stuck on, despite all the info you gave! (Sorry) mind shooting me a screenshot with your answer + code challenge to help@teamtreehouse.com ?

Thanks a bunch! If we don't figure it out, I'll get ya connected to someone who can ;)

Hey @John,

I've tried using Id="featured-video" in my <div>. I vet the comment "null" when I check my work though. Perhaps there is something I'm still missing...

@Elizabeth,

I'll shoot an email over to you now. :)

Are you using $('#featured-video') as the selector?

@Mark,

I am, or at least I believe I have... No matter what I try i am getting "null" as the result when i high "check my work"....

Can anyone actually explain the process to me please? Im pretty lost on this now. :(

Was there a solution to this thread? I am stuck in the same spot, tried everything you tried.

-Dan

@Daniel -

For us to help you better ...

• Post a link to the Code Challenge and the step you got stuck on
• Create a "working" example of your code using codepen.io

http://teamtreehouse.com/library/flexible-videos-with-fitvid

Working example. http://codepen.io/dsully360/full/wgBkA

Thank you guys for the help, not sure if I followed the last past from @Rodrigo? Can you clarify if possible?

The first div is with class container. The second div is using the grids class and then add id="featured-video". The video will be fixing with the grid_6 not with the .container

Perfect, that helped a lot. I didn't realize the div would have an ID and a class.

Thanks,

Dan

Wow this one had me stumped. Now I see you needed to add the id"featured-video" to the grid_6. Thanks a lot you guys!!!! ;)

Question in Code Challenge needs to be clarified a little more. Following the steps in the video tutorial won't let you pass the Code Challenge, even though the code itself is correct.

I am still having an issue getting past the code challenge as well. I put in http://codepen.io/anon/pen/yphwr

The video scales fine, but I keep getting: "Make sure you're adding the correct ID to the iframe's container". Not sure what I am missing here.

Jay -

I noticed 3 things with your codepen.

• You added the id to the wrong div.

To quote Rodrigo from his answer above.

The first div is with class container. The second div is using the grids class and then add id="featured-video". The video will be fixing with the grid_6 not with the .container

• You forgot to close a <div>

I often use a text editor with syntax highlighting, that will show me the matching tags to track down such errors.

• You didn't successfully link to fitvid in your codepen, so the video in your pen wouldn't successfully resize.

In your pen you used script src="jquery.fitvids.js"></script> codepen has no automagical way of finding the jquery.fitvid.js file you intended to use. Instead you need to provide the absolute path to it, like how you did for the JQuery library.

If you are still having issues, post a link to your updated codepen, in your own thread and we'll try to get you straightened out.

Mod Note: Remember the rule of thumb your issue, your code, your thread

Got it to work. I was misreading @Rodrigo did not understand what was meant. Once I added my id="featured video" after class="grid_6_omega" I was good to go. Thanks for the prompt response!

<div id="featured-video" class="grid_6 omega"> <iframe src="http://player.vimeo.com/video/50610288?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe>
</div>

</div>

Could someone paste the answer? I've tried everything suggested, but I have yet to get it working. Here's my codepen: http://codepen.io/anon/pen/yphwr