title: Block iframe src change through inspect element?
body: <p>want to know how to prevent fetching of new data by changing the <code>&lt;iframe&gt; src value</code> in the webpage, through inspect element?</p>
  <p>In web page we are showing videos, in <code>&lt;iframe&gt; element</code>. Videos will available to user after purchasing them. All videos are stored in <a href="https://vimeo.com/home" rel="nofollow noreferrer">Vimeo</a>, and through Vimeo settings configured in such way that, it will be available only through our domain.</p>
  <p>And the problem is,
  When a user purchase the video he/she can access the <code>src</code> value of <code>&lt;iframe&gt;</code> and can share with others. And who ever has that url can just go our website and do <strong>inspect element</strong> and change <code>src</code> value of any <code>&lt;iframe&gt; element</code> in web page, video will be loaded without purchasing.</p>
  <p>How to prevent this? Is there any way to make <code>&lt;iframe&gt;</code> to not load the content after page loads? Also if a user want can edit html and put <code>&lt;iframe&gt; element</code> with url. <strong>Or is this not the correct approach to implement payed videos in webpage?</strong></p>
  <p>I am totally stuck at this point.
  Many Many Thanks for all your input.</p>
  <h1>update:</h1>
  <ul>
  <li>Can I use google drive for this option? Using google drive api I can dynamically give access to each user account.</li>
  </ul>