【问题标题】:Ustream API - Javascript seek in iframe playerUstream API - iframe 播放器中的 Javascript 搜索
【发布时间】:2015-01-18 21:14:45
【问题描述】:

我正在尝试寻找 Ustream 视频播放器以进行 60 秒的操作

但它不起作用。
我的代码有什么问题?

<iframe id="UstreamIframe" src="//ustream.tv/embed/recorded/24364591" style="border: 0 none transparent; margin-top:1px;" frameborder="no" width="720" height="437"></iframe>

<a id="link1" href="javascript:;">0001</a>
<a id="link2" href="javascript:;">0001</a>
<a id="link3" href="javascript:;">0001</a>

<script src="http://static.ustream.tv/js/libs/ustream-embedapi.min.js"></script>

<script type="text/javascript">
  $(document).ready(function () {

    var viewer = UstreamEmbed("UstreamFrame");

    $('#link1').click(function(){ viewer.callMethod('seek', 60);})
    $('#link2').click(function(){ viewer.callMethod('seek', 90);})
    $('#link3').click(function(){ viewer.callMethod('seek', 120);})
  });
</script>

这就是他们的做法:http://ustream.github.io/api-docs/embed-api/index.html

提前感谢您的帮助!

【问题讨论】:

  • 您有什么问题?我没有看到任何问题。
  • 真的很抱歉 :)

标签: javascript api iframe embed


【解决方案1】:

我设法做到了:

如果可能,请让我的代码更简单、更短、更简洁。

<iframe src="http://www.ustream.tv/embed/recorded/24364591" id="UstreamFrame" width="640" height="392" style="border: 0 transparent none;"></iframe>
<br>
<a id="link1" href="javascript:;"><span>0sec</span></a><br>
<a id="link2" href="javascript:;"><span>60sec</span></a><br>
<a id="link3" href="javascript:;"><span>120sec</span></a><br>

<script src="http://static.ustream.tv/js/libs/ustream-embedapi.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var viewer = UstreamEmbed("UstreamFrame");

        $('#link1').click(function(){
            viewer.callMethod('seek', 0);
        });

        $('#link2').click(function(){
            viewer.callMethod('seek', 60);
        });

        $('#link3').click(function(){
            viewer.callMethod('seek', 120);
        });
    });
    </script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-06-03
    • 2013-02-27
    • 1970-01-01
    • 2013-09-30
    • 2019-01-11
    • 1970-01-01
    • 2012-04-07
    • 2018-10-12
    相关资源
    最近更新 更多