YouTubeの埋め込みタグをResponsive対応して16:9前提にした

http://getbootstrap.com/components/#responsive-embed
ここ見ると、iframeにwidthとheightの指定は必要ないように見えるのですが、どうでしょう。

Markdown中では大きさ指定したい、一方で、Product Detailのトレイラー映像はレスポンシブにしたい、という必要性が生まれてくると思うので、レスポンシブはレスポンシブでパラメータを独立させてしまってはどうでしょうか。例えば、``{ url | youtube:'responsive' }``など。
あと、外側のdivは個々のページのtemplateで書くようにしたほうが、後々柔軟性あると思うのですがどうでしょうか？

したがって：
responsiveじゃなければ、iframeにwidth、heightが指定されているものが返ってくる
responsiveならば、iframeにwidth、heightが指定されていないものが返ってくる

このぐらいの感じがちょうど良いかと思います。