Video 如何检索iframe视频id并在视频停止时执行操作?
heading.htmlVideo 如何检索iframe视频id并在视频停止时执行操作?,video,Video,heading.html <iframe id="show" src="activity/heading.html" class="object_adjust" controls frameborder="0" allowfullscreen></iframe> 如何检索iframe视频id并在视频停止时执行操作?一种方法是首先获取iframe的文档,然后访问该文档中具有视频标记名的元素。然后在一个循环中,您可以访问这些视频元素,并在每个视频元素的基础上完成视频时执
<iframe id="show" src="activity/heading.html" class="object_adjust" controls frameborder="0" allowfullscreen></iframe>
如何检索iframe视频id并在视频停止时执行操作?一种方法是首先获取iframe的文档,然后访问该文档中具有视频标记名的元素。然后在一个循环中,您可以访问这些视频元素,并在每个视频元素的基础上完成视频时执行某些操作。其代码如下所示:
<video id="myVideo" controls autoplay>
<source src="a.mp4" type="video/mp4">
</video>
函数myFunction(){
var current_frame=document.getElementById(“显示”);
//用于从框架中抓取文档
var video_frame=(当前_frame.contentWindow | |当前_frame.contentDocument);
if(视频帧文档){
//将用于访问iframe中的元素
var frame\u doc=video\u frame.document;
var vid_elems=frame_doc.getElementsByTagName(“视频”);
//访问iframe中的视频元素
对于(变量i=0;i
<html>
<head>
</head>
<body onload="myFunction()">
<iframe id="show" src="activity/heading.html" class="object_adjust"
controls frameborder="0" allowfullscreen>
</iframe>
<script>
function myFunction() {
var current_frame = document.getElementById("show");
//used to grab document from frame
var video_frame = (current_frame.contentWindow || current_frame.contentDocument);
if (video_frame.document) {
//will be used to access elements within iframe
var frame_doc = video_frame.document;
var vid_elems = frame_doc.getElementsByTagName('video');
//access video elements in iframe
for(var i = 0; i < vid_elems.length; i++) {
vid_elems[i].onended = function(e) {
//do something when video ends, alert in this case
alert('it worked!');
};
}
}
}
</script>
</body>
</html>