如何通过jquery获取iframe中的视频长度

时间:2017-08-13 11:48:31

标签: javascript jquery html iframe

我想从iframe获得两件事,第一件是总长度,第二件是在iframe内运行的视频的当前时间。 我无法在我的案例中使用<video>代码而我的iframe src是HTML链接而不是mp4。以下是我在iframe src

中使用的演示链接

https://s3.amazonaws.com/brainimac/tutorials/ipad/iPad+Three+Types/media/index_player.html

$('#getTime').on('click', function() {
  var vid = document.getElementById("vid");  
  var currentTime = vid.length;
  $('#currentTime').html(currentTime);
 });

CurrentTime returns undefine

提前致谢

1 个答案:

答案 0 :(得分:0)

由于same origin policy您无法访问iframe的内容,除非iframe的src与主框架是相同的域(和协议+端口)。因此,假设您的网站未在https://s3.amazonaws.com/上运行,则无法检索您的数据。

但是,可以通过以下mp4-url访问该视频,这样可以解决您的问题。请注意,以这种方式嵌入视频可能会与其版权许可证冲突!!!

https://s3.amazonaws.com/brainimac/tutorials/ipad/iPad+Three+Types/media/iPad%20Three%20Types.mp4