Question

我正在尝试点击.iphone来播放使用youtube API构建的视频。

从理论上讲，这真的很简单。单击.iphone，然后调用执行play.playVideo（）的函数playVid（），该函数应该播放视频，但不能播放视频。

我知道我缺少一些基本知识，感谢您的帮助。

谢谢！

    <div class="img">
        <div class="iphone-container">
            <div class="iphone">
                <img src="<?php the_asset_dir() ?>/iphone.png" alt="" srcset="">
                <div class="vid">
                    <div id="player" class="vid-wrapper">
                            <iframe width="560" height="315" src="https://www.youtube.com/embed/Uv554B7YHk4?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
                        </iframe> 
                    </div>
                </div>
            </div>
        </div>
        <img src="<?php the_asset_dir() ?>/section2_image_d.png" alt="" srcset="">
    </div>

我的JS在下面。我正在使用jQuery调用执行Player.PlayVideo（）的函数PlayVid（），根据youtube文档，该函数理论上应该播放视频，但不能播放视频。

var tag = document.createElement('script'); 
tag.id = 'player';
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        events: {
        'onReady': onPlayerReady
        }
    });
}

function onPlayerReady(){
    $('.iphone').on('click', function(){
        console.log("yolo");
        playVid() ;
    });
}

function playVid() {
    player.playVideo();
}

调用player.playVideo（）时，Youtube API无法播放

0 个答案: