RK-J

For some pages, input is of the form
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen= frameborder="0" height="480" src="https://www.youtube.com/embed/n1l-9lIMW7E?start=124&end=306" title="Rare Loop Function" width="854"></iframe>

But, the embed code on angular is
<div class="container" id="youtubeIframe" data-youtube-source="https://www.youtube.com/embed/n1l-9lIMW7E?enablejsapi=1"><img src="../../../../assets/img/ai_new_electicity.jpg" frameborder="0" style="margin: 15px 0;"><div class="playButton"><mat-icon>play_circle_filled</mat-icon></div></div>

So, although the video is supposed to play from 124 seconds and stop at 306 seconds (note the start and end parameters in the input), video wrongly plays from the beginning and goes past the snippet end and plays until the end of the video.

we need to retain input parameters like start and end.

For example, video in https://edutestqa.appspot.com/document/algorithms-mit-6.006,-fall-2011?documentURL=2697%2Fak23nov%2F2697%2Findex-Problem-Statement-4.html is expected to start at about 15:23 of the video (corresponding to the 'Problem Statement' chapter in https://www.youtube.com/watch?v=HtSuA80QTyo) Chapters are in the video description section on that page.