Как столбец блоба аннотируется в, в спящем режиме?

Я реализовал чистое CSS-решение, которое прекрасно работает.

Вот пример кода, на мой взгляд, с использованием кода iframe, сгенерированного в YouTube.

Вот пример кода в другом представлении, где вместо использования iframe я использовал поле body, сгенерированное из гема AutoHtml, который используется для встраивания различных типов видео ссылок в веб-страницу. Это хорошо, если у вас есть модель, в которой ссылка должна быть динамически встроена в одну и ту же веб-страницу.

         
  <%= @livevideo.body_html %>

Вот код CSS:

.video-container { 
   position: relative; /* keeps the aspect ratio */ 
   padding-bottom: 56.25%; /* fine tunes the video positioning */ 
   padding-top: 60px; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Вот видео на YouTube, которое подробно объясняет, как работает код, и дает один или два сообщения в блоге для проверки.

http://www.youtube.com/watch?v=PL_R3zEjqEc