link product to iframe

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 class="card-body" style="text-align: center;">
    <p class="card-text" style="text-align: right;">

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

       {% for order in item_list %}

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

		  {% endfor %}



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=";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 
				title="قوة إلاختيار  وقوة النوايا في صناعة الواقع الذي تريده مع التوكيدات الإيجابية مع كوتش#مها  حبيب.mp4"></iframe>


i found other solution with third party to protect digital products