Как проверить, сколько времени пользователь потратил на видео в

Я использую фреймворк django. Я вставляю ссылку на видео youtube в html, я хочу знать, сколько времени пользователь потратил на видео и сохранить это время в базе данных с его данными. данные пользователя хранятся в cookies. например, email.

вот мой код.

<div id="request" class="modal fade" {% if request.session.email %} data-backdrop="static" {% endif %} role="dialog">
            {% if 'email' not in request.session %}
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <span class="close" data-dismiss="modal" aria-label="Close">&times;</span>
                        <h2 class="modal-title">Get start</h2>
                    </div>

                    <div class="modal-body text-center">
                        <form class="form-request" action="" method="post">
                            {% csrf_token %}
                            <div class="row-fields row">
                                <div class="form-group col-field">
                                    <input type="text" class="form-control" name="name" required placeholder="Name *" id="name">
                                </div>
                                <div class="form-group col-field">
                                    <input type="email" class="form-control" name="email" required placeholder="Email *" id="email">
                                </div>
                                <div class="form-group col-field">
                                    <input type="number" class="form-control" name="phone" required placeholder="Phone *" id="phone">
                                </div>
                                <div class="col-sm-12 buttons">
                                    <button type="submit" class="bttn-hover color-1" data-text-hover="Submit">Send request</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
            {% elif request.session.email %} {% comment %} <a href="http://www.youtube.com/watch?v=ANwf8AE3_d0"> {% endcomment %}
               
                  <iframe class="embed-responsive-item set-style-of-iframe" src="https://www.youtube.com/embed/tgbNymZ7vqY/?autoplay=1;enablejsapi=1" 
                 allowfullscreen style="height:50%; width:65%" id="myvideo-iframe"></iframe>  
                
                <button class="btn btn-close button-closing-style" aria-label="Close" onclick="my_video_pause();"  
                class="close" data-dismiss="modal">close</button> 
                <a href="http://cdn.onlinewebfonts.com/svg/img_414950.png" class="button-closing-style" onclick="my_video_pause();" data-dismiss="modal"> 

                </a>
        {% endif %}
        </div>

    </div>

Вернуться на верх