當我插入一個iframe的YouTube視頻不工作

我嘗試插入通過YouTube API的iframe一個YouTube視頻，但現在不工作出現「發生錯誤，請稍後再試」。當我插入一個iframe的YouTube視頻不工作

這裏是我的代碼：

<html> 
 
    <head> 
 
    <title>test</title> 
 
     <script type="text/javascript" src="https://www.youtube.com/iframe_api"></script> 
 
    </head> 
 
    <body> 
 
    <div id="youtube"></div> 
 
    <script> 
 
     var player; 
 
     function onYouTubeIframeAPIReady() { 
 
      player = new YT.Player('youtube', { 
 
       videoid: 'UqyT8IEBkvY', 
 
       height: '360', 
 
       width: '640', 
 
       events: { 
 
        'onReady': onPlayerReady 
 
       } 
 
      }); 
 
     } 
 

 
     function onPlayerReady() { 
 
      console.log("test"); 
 
      player.playVideo(); 
 
      player.mute(); 
 
     } 
 
     </script> 
 
    </body> 
 
    </html>

來源

2016-12-07 Ernesto Lacalle

這對我的作品，

<div id="ytplayer"></div> 
 

 
<script> 
 
var tag = document.createElement('script'); 
 
tag.src = "https://www.youtube.com/player_api"; 
 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
 

 
var player; 
 
function onYouTubePlayerAPIReady() { 
 
    player = new YT.Player('ytplayer', { 
 
     height: '360', 
 
     width: '640', 
 
     videoId: 'UqyT8IEBkvY', 
 
     events: { 
 
      'onReady': onPlayerReady 
 
     } 
 
    }); 
 
} 
 
function onPlayerReady() { 
 
    console.log("test"); 
 
    player.playVideo(); 
 
    player.mute(); 
 
} 
 
</script>

或者您可以使用此，

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<script src="//www.youtube.com/iframe_api"></script> 
 
<script> 
 
    var app = angular.module('app', ['youtube-embed']); 
 
    app.controller('ctrl', function ($scope) { 
 
     $scope.player = null; 
 
     $scope.$on('youtube.player.playing', function() { 
 
      console.log('playing!!!') 
 
     }) 
 
    }); 
 

 
</script> 
 
<script src="//brandly.github.io/angular-youtube-embed/angular-youtube-embed.js"></script> 
 
</head> 
 

 
<body ng-controller="ctrl"> 
 
<youtube-video video-id="'UqyT8IEBkvY'" player="player"></youtube-video> 
 
</body> 
 

 
</html>

好運

來源

2016-12-07 12:59:29

試試這個簡單的方法，我從HTML YouTube Videos有：

<!doctype html> 
<html> 
<head> 
<title>Search</title> 
</head> 
<body> 
<iframe width="420" height="315" 
src="https://www.youtube.com/embed/t2ByLmLnYJ8"> 
</iframe> 

<script src="https://apis.google.com/js/client.js"> </script> 
</body> 
</html>

給一個跑，你就會有一個YouTube的iframe內沒時間。您如何擴展該程序取決於您。

來源

2016-12-08 18:19:03 noogui

當我插入一個iframe的YouTube視頻不工作

回答

相關問題