title: Umbraco V7xx Inserting HTML5 Video to webpage
body: <p>So I have created a document type in umbraco with corresponding template for my video section, which I want it to be content manageable and don't want to embed from youtube or similar. I have changed the upload limit for umbraco in webconfig and uploaded the vid in media section, using media picker. The problem I have now is how to fetch it from that media and display it on my home page. I have this code in my partial view, which is for that section but it's not display anything to the page and not showing any errors on the console:</p>
  
  <p>Edit: I tried a new way, it's giving me this error:
  Object reference not set to an instance of an object.
  (as soon as I remove ".Url" the page works but it doesn't load the path to the video in media! :(</p>
  
  <pre><code>    @inherits Umbraco.Web.Mvc.UmbracoTemplatePage
  
  &lt;!--===================================Setion 2 SO Wifi &amp; Customer Reviews=========================================--&gt;
  &lt;section&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-6 wifi"&gt;
              &lt;h2 class="so-wifi"&gt;
                  @Umbraco.Field("sowifiTitle", convertLineBreaks: true)
              &lt;/h2&gt;
              &lt;img src="/src/img/so wifi.png" class="img-fluid wifi-img" alt="so wifi"&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-6"&gt;
              &lt;div class="video embed-responsive embed-responsive-16by9"&gt;
               @{
                  var videoId = Model.Content.GetPropertyValue&lt;int&gt;("sowifiVideo");
                  var videoUrl = Umbraco.Media(videoId).Url;
  
                  &lt;video autoplay controls width="850" height="450"&gt;
                      &lt;source src="@videoUrl" type="video/mp4" /&gt;
                  &lt;/video&gt;
                  } 
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>