link product to iframe

Using Django Templates & Frontend
1

I have products and videos for each product. I will show the video through vimeo player and wondering how to create a link to show a new page that will have the iframe of the particular product.

currently i have this:

<div class="card">
      <div class="card-header" style="text-align: center;">
		  <h3>المنتجات اللتي تم شراؤها</h3>
  </div>
  <div class="card-body" style="text-align: center;">
    <p class="card-text" style="text-align: right;">

        <table id="customers">
						<thead>
                            <th>الرقم</th>
							<th>إسم المنتج</th>
                            <th>إسم الورشة</th>
							<th>تنزيل المنتج</th>
						</thead>

       {% for order in item_list %}

                	    <tr>
							<td>{{ forloop.counter }}</td>
							<td>{{ order.product.name }}</td>
                            <td>{{ order.product.category }}</td>
                            <td><a href="{{order.product.video_file}}">{{order.product}}</a><br/></td>
						</tr>

		  {% endfor %}
            </table>
	<br/>

    </p>

  </div>
</div>

the below line of code is where the video currwntly is:

 <td><a href="{{order.product.video_file}}">{{order.product}}</a><br/></td>

instead of that i need to run the below iframe and don’t know how? Should i be redirected to new page or what?

<div style="padding:177.34% 0 0 0;position:relative;">
		<iframe src="https://player.vimeo.com/video/721398478?h=322a266bbb&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479"
				frameborder="0" allow="autoplay; fullscreen; picture-in-picture" referrerpolicy="strict-origin" allowfullscreen 
				style="position:absolute;top:0;left:0;width:100%;height:100%;" 
				title="قوة إلاختيار  وقوة النوايا في صناعة الواقع الذي تريده مع التوكيدات الإيجابية مع كوتش#مها  حبيب.mp4"></iframe>
	</div>

Thanks

2

i found other solution with third party to protect digital products