Multimedia Player responsiveness not working inside table.

http://englishmilestones.com/material/test-material/

I have these media player inside <td> on a table they seem to be working fine outside of it on normal divs, but within the table they wont resize and be responsive they overflow and retain their size, am i missing something on the table css settings?. The other <td> without media player works fine on resized screen though. I tried overflow:hidden and box-sizing: border-box; still nothing works.