Question

我在页面设置上显示iFrame：none：

<div id="the-stage" style="display:none;">
<iframe src="index.html" scrolling="no">
</iframe>
</div><!--end the-stage-->

其中包含<video>标记：

<video id="video1" width="345" height="264" controls poster="poster.jpg">
<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>

在包含<iframe>标记的网页上，我尝试在显示隐藏的div时播放视频：

jQuery("a.launch").click(function(){
jQuery("#the-stage").fadeIn();
jQuery("#video1").get(0).play();
return false;
});

我在控制台中收到以下错误：

“无法调用未定义的方法播放”

有什么想法吗？感谢。

Answer 1

您需要使用contents()获取iframe内容，然后找到video元素。在div可见之后，即在完成淡入淡出时，你应该确保这样做。原因是隐藏了包含div的{{1}}，iframe将无法播放。

video

Answer 2

您需要使用contents()访问document的{{1}}。

iframe

使用位于iFrame内的jQuery播放视频

2 个答案: