title: How to embed videos with a customized player and automatic transcoding?
body: <p>I need to embed videos into my web application and have the following requirements:</p>
  
  <ul>
  <li>The videos need to be automatically transcoded into different
  resolutions </li>
  <li>Playbackspeed needs to be selectable </li>
  <li>Needs to work on mobile</li>
  <li>I need to modify the player</li>
  <li>The videos need to be uploadable by non software developers => user interface for video upload and management</li>
  </ul>
  
  <p>The problem with embedding a video from a platform is that you usually have to use an iframe to do this. However if the iframe is from another domain, I don't have access to its content and therefor can't modify the player, because I can't access the video element residing in the iframe.</p>
  
  <p>The modifications I need to make are the following:</p>
  
  <ul>
  <li>Put markers at specific cuepoints in the timeline</li>
  <li>Pause the video at the cuepoints</li>
  <li>Display some additional information below the video when the cuepoint is reached</li>
  </ul>
  
  <p>The only possible solution, that I found so far, is hosting a platform myself on a subdomain of my web applications domain and adjust the code of that platform to set the document.domain property to the domain of my web application. That way I would be able to access the video tag that is inside the iframe provided by the platform. The things that I don't like about that solution is that I would prefer not to host the platform myself and it would also be nice if I wouldn't need to modify the platform.</p>