href to another html file wont play media content

I am using the following code to open an html file on a new tab:

                <button class="interactive-transcript-button" title="Open Interactive Transcript in a new tab">
                
                <svg file>
                
                </button>
                </a>

The media element in the html file being opened is in:

  <section data-media-src="file:////Users/filepath.mp4" data-wm="$ilp.uphold.com/123section">

These html files work on their own, but when I try to hyperlink the second html file to open from the first one, the media file no longer works.