javascript - 视频结束后 Java Script Auto Next Page
问题描述
如何使事件单击按钮而不是输入 URL...因为 URL 永远不会相同,但 Next Episode 将始终存在...
// Do not name the function "play()"
function playVideo(){
var video = document.getElementById('video');
video.play();
video.addEventListener('ended',function(){
window.location = 'http://www.google.com';
});
}
</script>
<video controls id="video" width="770" height="882" onclick="playVideo()">
<source src="video/Motion.mp4" type="video/mp4" />
</video>
解决方案
给你的链接一个id:
<a id="some-id" href="LINK" title="episode name"><span>next episode</span> <i class="icon-chevron-right"></i></a>
然后将您的事件侦听器更改为:
video.addEventListener('ended',function(){
document.getElementById('some-id').click();
});
推荐阅读
- python - PipelinedRDD' 对象没有属性 '_jdf pyspark 数据框
- reactjs - 如何通过另一个输入更新 React-Select 状态/选定值?
- vue.js - VueJs 不切换由 v-for 迭代创建的菜单
- python - 同时显示 Jupyter notebook 和 python 交互的输出?
- csv - 如何从 Ansible 中的列值中获取列名
- amazon-web-services - 从 MWAA 运行 jar 的最佳方法是什么?
- python - 打印函数中使用的python中的%运算符
- java - 集合中的流方法如何返回流接口的对象?
- java - 从 JSON 解析时,Hibernate 不设置实际字段值
- java - 使用 REST Web 服务时如何设置 SSL false 和访问令牌?