javascript – Vimeo播放器JS API在iOS中不起作用

2019-10-09 04:40:09 阅读：199 来源： 互联网

标签：javascript ios mobile-safari vimeo-player vimeo-ios

我正在尝试使用API播放视频,但只有在您点击iOS中的播放器中的播放按钮后它才有效.在台式机和Chrome for Android中,它运行良好.

$(function() {
    var iframe = $('#player1')[0];
    var player = $f(iframe);
    var status = $('.status');

    // When the player is ready, add listeners for pause, finish, and playProgress
    player.addEvent('ready', function() {
        status.text('ready');

        player.addEvent('pause', onPause);
        player.addEvent('finish', onFinish);
        player.addEvent('playProgress', onPlayProgress);
    });

    // Call the API when a button is pressed
    $('button').bind('click', function() {
        player.api($(this).text().toLowerCase());
    });

    function onPause() {
        status.text('paused');
    }

    function onFinish() {
        status.text('finished');
    }

    function onPlayProgress(data) {
        status.text(data.seconds + 's played');
    }
});

<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
<iframe id="player1" src="https://player.vimeo.com/video/76979871?api=1&player_id=player1" width="630" height="354" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<div>
  <button>Play</button>
  <button>Pause</button>
  <p>Status: <span class="status">&hellip;</span></p>
</div>

我有可以使用的解决方法吗？

解决方法:

我联系了Vimeo支持团队.他们表示,Chrome Mobile(Android)的行为有所不同,因为他们可以在该浏览器(Chrome Mobile)中使用播放器.在iOS中,播放由iOS本地媒体播放器处理.

只有当用户通过点击屏幕上的播放按钮(在iOS中)首先启动播放时,才能调用Play方法.

标签：javascript,ios,mobile-safari,vimeo-player,vimeo-ios
来源： https://codeday.me/bug/20191009/1876727.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – Vimeo播放器JS API在iOS中不起作用