javascript - Vimeo 播放器 JS API 在 iOS 中不起作用
<p><p>我正在尝试使用 API 播放视频，但它仅在您单击 iOS 播放器中的播放按钮后才有效。在桌面和 Android 版 Chrome 中，它运行良好。</p>
<p> <a href="http://codepen.io/bdougherty/pen/JgDfm" rel="noreferrer noopener nofollow">http://codepen.io/bdougherty/pen/JgDfm</a> </p>
<pre><code>$(function() {
var iframe = $('#player1');
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');
}
});
</code></pre>
<pre class="lang-html prettyprint-override"><code><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>
</code></pre>
<p>有没有我可以使用的解决方法？</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>我联系了 Vimeo 支持团队。他们说 Chrome Mobile (Android) 中的行为有所不同，因为他们能够在该浏览器 (Chrome Mobile) 中使用播放器。在 iOS 中，播放由 iOS 原生媒体播放器处理。</p>
<p>只有当用户首先通过点击屏幕上的播放按钮(在 iOS 中)开始播放时，才能调用它们的 Play 方法。 </p>
<p><strong>相关问题:</strong>
<a href="https://stackoverflow.com/questions/12496144/can-you-autoplay-html5-videos-on-the-ipad" rel="noreferrer noopener nofollow">Can you autoplay HTML5 videos on the iPad?</a> </p></p>
<p style="font-size: 20px;">关于javascript - Vimeo 播放器 JS API 在 iOS 中不起作用，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/35967342/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/35967342/
</a>
</p>
页:
[1]