title: What's the proper way to add Microdata (for Schema.org VideoObject) to a page in my Django app?
body: <p>I'm followin the directions on Google which says </p>
  
  <blockquote>
    <p>Add schema.org markup directly to the HTML of your video page. The markup will not be visible to users and will not affect how your page looks</p>
  </blockquote>
  
  <p>So I added the following to the top of my video html</p>
  
  <pre><code>&lt;div itemprop="video" itemscope itemtype="http://schema.org/VideoObject"&gt;
    &lt;h2&gt;Video: &lt;span itemprop="name"&gt;Title&lt;/span&gt;&lt;/h2&gt;
    &lt;meta itemprop="duration" content="T1M33S" /&gt;
    &lt;meta itemprop="thumbnailUrl" content="thumbnail.jpg" /&gt;
    &lt;meta itemprop="contentURL" content="http://www.example.com/video123.flv" /&gt;
    &lt;meta itemprop="embedURL" content="http://www.example.com/videoplayer.swf?video=123" /&gt;
    &lt;meta itemprop="uploadDate" content="2011-07-05T08:00:00+08:00" /&gt;
    &lt;meta itemprop="expires" content="2012-01-30T19:00:00+08:00" /&gt;
    &lt;meta itemprop="height" content="400" /&gt;
    &lt;meta itemprop="width" content="400" /&gt;
    &lt;object ...&gt;
      &lt;param ...&gt;
      &lt;embed type="application/x-shockwave-flash" ...&gt;
    &lt;/object&gt;
    &lt;span itemprop="description"&gt;Video description&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>soon as I did I saw a white block with the word title on top of it. I saw it and the directions said I wouldn't. Am I missing something? What's the proper way to do this?</p>
  
  <p>EDIT: I'm using Django and heres my code</p>
  
  <pre><code>{% block content %}
  
  &lt;div itemprop="video" itemscope itemtype="http://schema.org/VideoObject"&gt;
  
    &lt;meta itemprop="duration" content="T1M33S" /&gt;
    &lt;meta itemprop="thumbnailUrl" content="thumbnail.jpg" /&gt;
    &lt;meta itemprop="contentURL" content="http://www.example.com/video123.flv" /&gt;
    &lt;meta itemprop="embedURL" content="http://www.example.com/videoplayer.swf?video=123" /&gt;
    &lt;meta itemprop="uploadDate" content="2011-07-05T08:00:00+08:00" /&gt;
    &lt;meta itemprop="expires" content="2012-01-30T19:00:00+08:00" /&gt;
    &lt;!--&lt;meta itemprop="height" content="400" /&gt;--&gt;
    &lt;!--&lt;meta itemprop="width" content="400" /&gt;--&gt;
    &lt;object ...&gt;
      &lt;param ...&gt;
      &lt;embed type="application/x-shockwave-flash" ...&gt;
    &lt;/object&gt;
    &lt;span itemprop="description"&gt;Video description&lt;/span&gt;
  &lt;/div&gt;
  
      &lt;h2 id="detail-h1"&gt;
          {{ post.title }}
      &lt;/h2&gt;
  
      {% if post.video %}
          &lt;div class="embed-responsive embed-responsive-16by9"&gt;
      &lt;iframe  src="{{post.video_path}}?autoplay=1&amp;autohide=1" class="embed-responsive-item"
      frameborder="0" controls="0" allowfullscreen&gt;
      &lt;/iframe&gt;
      &lt;/div&gt;
      {% else %}
  
      {% if post.image %}
          &lt;img src='{{ post.image.url }}' class="img-responsive" width="730px" height="500"/&gt;
      {% elif post.image_url %}
          &lt;img src="{{post.image_url}}"  class="img-responsive"&gt;
      {% else %}
          &lt;p&gt;upload an image&lt;/p&gt;
      {% endif %}
  
      {% endif %}
  
  
      &lt;div style="margin-top: 10px; background: white; padding: 10px 10px 10px 10px;"&gt;
          &lt;span&gt;
          &lt;p style="float: left"&gt;
              {% if post.author %}
                  Author: {{post.author}}
              {% endif %}
          &lt;/p&gt;
          &lt;p style="float: right" id="pub"&gt;
              {%if post.draft %}&lt;span id="draft"&gt;Draft &lt;/span&gt;{% endif %} Publicado: {{ post.publish|date }}
          &lt;/p&gt;
          &lt;/span&gt;
  
      &lt;p class="tags" style="clear: both"&gt;Tags:
  
      {% for tag in post.tags.all %}
          &lt;a href="{% url 'blog:post_list_by_tag' tag.slug %}"&gt;
              {{ tag.name }}
          &lt;/a&gt;
              {% if not forloop.last %}, {% endif %}
      {% endfor %}
  
      &lt;/p&gt;
  </code></pre>