如何在Jquery?</iframe>中切换选项卡时停止在<iframe>中播放视频

时间:2013-02-11 20:39:43

标签: jquery video jquery-ui-tabs

我是jquery的新手 - 如果有人可以帮助你的话!

我的html页面上有这个jquery有两个标签 Tab1有文字和图片 Tab2在iframe中有视频。 当我切换标签并且视频为空白框时,如何停止视频播放,直到我刷新页面或将视频光标拖到开头。

页面上的脚本:

<script>  $(function() {    $( "#tabs" ).tabs();  }); </script>

div:

<div id="tabs">  
<ul>
<li><a href="#tabs-1">Project Description</a></li>
<li><a href="#tabs-2">Video</a></li>
</ul>

html

<div id="tabs-1">  <p>Contrary to popular belief, Lorem Ipsum is not simply random text.....</p>
    <div id="tabs-2"> <iframe src="http://fast.wistia.net/embed/iframe/xxxxxxx?controlsVisibleOnLoad=true&endVideoBehavior=reset&fullscreenButton=false&playerColor=005293&hidden code xxxxxxx&version=v1&videoHeight=360&videoWidth=640&volumeControl=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" width="600" height="386"></iframe>

1 个答案:

答案 0 :(得分:0)

您无法控制iframe的内容......跨域政策不允许这样做