Así que estoy usando videojs para reproducir videos en mi página web, el código que estoy usando se proporciona a continuación. Funciona bien pero tengo dos problemas.
1: cada vez que pausa el video, aparece una ventana emergente de Más videos, como puede ver en la imagen vinculada. ¿Cómo puedo eliminar esa caja?
2: Quiero capturar el momento en que un usuario pausa el video y luego inicia el video desde el mismo lugar cada vez que el usuario regresa al sitio web después de cerrar sesión. La barra de progreso debe mostrar la hora a la que se fue el usuario. ¿Tengo que guardar el valor en mi base de datos en algún lugar y, de ser así, cómo puedo hacer que la barra de progreso muestre ese valor después de que el usuario haya iniciado sesión?
Mi código:
{% load static %} <!DOCTYPE html> <html> <head> </head> <body> <video id="vid1" class="video-js vjs-default-skin" controls autoplay width="240" height="264" data-setup='{"textTrackSettings": false, "techOrder": ["youtube", "html5"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=W4i2FRZ8gXc"}] }' > </video> <script src="https://vjs.zencdn.net/7.17.0/video.min.js"></script> <script src="{% static '/js/Youtube.js' %}"></script> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript"> var myPlayer = videojs('vid1'); if (typeof myPlayer.readyState() === 'undefined' || myPlayer.readyState() < 1) { // wait for loadedmetdata event myPlayer.one("loadedmetadata", onLoadedMetadata); } else { // metadata already loaded onLoadedMetadata(); } function onLoadedMetadata() { alert(myPlayer.duration()); $('#duration').html("Duration: " + myPlayer.duration()); }