暂停 youtube 视频，youtube api-前端问题

Pause youtube video, youtube api(暂停 youtube 视频，youtube api)

本文介绍了暂停 youtube 视频，youtube api的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试使用以下代码暂停和播放 YouTube 视频，这几乎是的副本Youtube API 页面:

I'm trying to pause and play YouTube videos with the following code which is pretty much a copy from the Youtube API page:

// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "aHR0cDovL3d3dy55b3V0dWJlLmNvbS9wbGF5ZXJfYXBp";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 3. This function creates an <iframe> (and YouTube player)
//    after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '315',
        width: '560',
        videoId: 'bpOR_HuHRNs',
    });
}

这是 jsFiddle 中的演示

但是，它不起作用.任何人都知道如何做到这一点?

However, it's not working. Anyone have a idea how to do this?

推荐答案

使用 player.playVideo(); (resume) 和 player.pauseVideo(); (pause) 一旦播放器准备就绪:http://jsfiddle.net/4WPmY/6/

Use player.playVideo(); (resume) and player.pauseVideo(); (pause) once the player is ready: http://jsfiddle.net/4WPmY/6/

function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '315',
        width: '560',
        videoId: 'bpOR_HuHRNs',
    });
    document.getElementById('resume').onclick = function() {
        player.playVideo();
    };
    document.getElementById('pause').onclick = function() {
        player.pauseVideo();
    };
}

这篇关于暂停 youtube 视频，youtube api的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！