javascript - segundos - redireccionar una pagina web a otro dominio

¿Cómo puedo redireccionar a la página de inicio después de que se detenga el video?

Question

Estoy usando Cincopa para insertar mi video en mi sitio web. La página en la que está incrustada está oculta y se quita la navegación. Así que me gustaría que todos sean redireccionados a la página de inicio una vez que el video haya terminado.

Aquí está mi código:

<div id="cp_widget_55a42f1b-6e51-4738-87f9-eaf52dc6a826">...</div>
<script type="text/javascript">
var cpo = [];
cpo["_object"] = "cp_widget_55a42f1b-6e51-4738-87f9-eaf52dc6a826";
cpo["_fid"] = "AsBAj2M3MQOr";
var _cpmp = _cpmp || [];
_cpmp.push(cpo);
(function() {
var cp = document.createElement("script");
cp.type = "text/javascript";
cp.async = true;
cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js";
var c = document.getElementsByTagName("script")[0];
c.parentNode.insertBefore(cp, c);
})();
</script>
<noscript>Powered by Cincopa <a href=''http://www.cincopa.com/video-hosting''>Video Hosting for Business</a> solution.<span>Test</span><span>bitrate</span><span> 39961 kb/s</span><span>height</span><span> 1080</span><span>duration</span><span> 00:02:35.31</span><span>lat</span>:<span> +33.2269</span><span>long</span>:<span> 21-96.93</span><span>fps</span><span> 59.94</span><span>width</span><span> 1920</span><span>originaldate</span><span> 2015-06-06 19:08:58</span>
</noscript>

Answer 1

Cincopa incorpora una etiqueta HTML de video, tienes que agregar un evento como se explica aquí

Bueno, en este momento no estoy de humor para hacer una prueba completa, así que solo sugeriré una solución que tendrás que adaptar.

Para darle el código exacto, necesito saber:

1. ¿Qué CMS estás usando?
2. ¿Puedes agregar una identificación o una clase a tu etiqueta de video con cincopa?
3. ¿Estás incluyendo jQuery?

Luego deberá agregar estas líneas en la parte inferior de su script:

//Wait until the page is entirely loaded, and so you can access the rendered video tag (you''ll need jQuery)
$( document ).ready(function() {
function goHomeYouAreDrunk(e) {
window.location.href = "http://url.to.your.home.page";
}
//I''m supposing that your video is the sole video tag in your page, if it''s not, you''ll have to get it by it''s id or class
document.find(''video'').addEventListener(''ended'',goHomeYouArDrunk,false);
});

Answer 2

Normalmente, eso sería a través de un detector de eventos en el elemento <audio> o <video> .

Cómo agregar Event Listeners | W3Schools: https://www.w3schools.com/Jsref/met_element_addeventlistener.asp

Pero de alguna manera lo haría con Javascript solo para estar seguro:

// The interval clocks every .1 second(s).
setInterval(function() {
// If the element''s current playback time is the playback duration (has reached the end).
if (audioElement.currentTime == audioElement.duration)
doSomething()
}, 100)

Aunque si tiene dudas sobre el rendimiento y no quiere usar una función setInterval() , entonces setInterval() agregando un evento al elemento.

Por cierto, para volver a dirigir a otra página, use la función de Javascript location.assign("https://www.example.com.") .

Answer 3

Puede redirigir a la página de inicio configurando window.location="/"

No estoy seguro de cómo está comprobando si el video ha finalizado, puede agregar un oyente como este.

Al finalizar, puede llamar a una función de controlador para redirigir al usuario a la página de inicio.

document.getElementById(''myVideo'').addEventListener(''ended'',redirectToHomePage,false);
redirectToHomePage(){
window.location = "/";
}

Answer 4

Este código ha sido probado en https://www.cincopa.com/ :

document.getElementById("video_iframe_id_in_your_page")
.contentWindow
.document.getElementsByTagName("video")[0]
.addEventListener("ended", function(args){
window.open("/", "_top");
});

deseo puede ayudarte