Question

我正在为我的某个网站写一个plugin我只想在我的网站上嵌入 Ustream频道我写了一个非常基本的代码，但这段代码没有按预期工作请看到这个Image，这是我到目前为止所写的代码。

<div class="col-md-12 col-sm-12 playground">
    <iframe id="main_player" src="http://www.ustream.tv/embed/21427417?html5ui&amp;autoplay=true&amp;volume=90&amp;controls=true&amp;showtitle=true" height="550" frameborder="0" width="100%"></iframe>           
</div>

频道代码

<div id="thumbs">
  <div class="col-md-3 col-sm-3">
    <div class="thumb_me">
      <iframe id="" src="http://www.ustream.tv/embed/21427417?html5ui&amp;autoplay=true&amp;volume=0&amp;controls=false&amp;showtitle=false" height="250" frameborder="0" width="100%"></iframe>
      <div class="desc text-center">Channel 1</div>
      <div class="click_me"></div>
    </div>
  </div>

  <div class="col-md-3 col-sm-3">
    <div class="thumb_me">
      <iframe id="" src="http://www.ustream.tv/embed/21472172?html5ui&amp;autoplay=true&amp;volume=0&amp;controls=false&amp;showtitle=false" height="250" frameborder="0" width="100%"></iframe>
      <div class="desc text-center">Channel 2</div>
      <div class="click_me"></div>
    </div>
  </div>

  <div class="col-md-3 col-sm-3">
    <div class="thumb_me">
      <iframe id="" src="http://www.ustream.tv/embed/21472913?html5ui&amp;autoplay=true&amp;volume=0&amp;controls=false&amp;showtitle=false" height="250" frameborder="0" width="100%"></iframe>
      <div class="desc text-center">Channel 3</div>
      <div class="click_me"></div>
    </div>
  </div>
</div>

默认情况下，第一个视频将在div PLAYGROUND中自动播放声音，所有其他频道将在小缩略图内自动播放和无声音。

我只是希望当有人点击缩略图时，缩略图iframe视频应该动画到Playground并取代主视频而不重新加载iframe并播放它所在的位置在缩略图中添加attribute &volume=100到iframe src。

以下是current page。

的链接

请与我分享你的想法，以便我能完成它。

Ustream频道Jquery插件库

0 个答案: