2016-06-19 16 views
0

私のブログblogger.comにYouTubeを埋め込むことができません。下のサイズの動画をHDで再生したかったのです。私は私の問題は私が変更する必要があることを知らないと思うし、私のブログにコードをどこに掲載するのか。埋め込みYoutubeビデオ小さい次元だがHD画質

私は6時間以上読んでいますが、まだそれを得ることはできません。

width="655" 
height="380" 

私はbiostallから役立つ有益なコードを見つけましたが、それは私のために働くことができません。ブログのJS/HTMLガジェットにJSコードを入れてから、HTMLを新しい投稿に投稿し、両方の設定でHTMLを文字通り表示し、入力されたHTMLを解釈してみました。

本当に有益なコードがあります。from biostallです。

HTML:

<div id="player"></div> 

Javascriptを:に

// 1. This code loads the IFrame Player API code asynchronously. 
var tag = document.createElement('script'); 

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

// 2. This function creates an <iframe> (and YouTube player) after the API code downloads. 
var player; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '1280', 
     width: '720', 
     videoId: 'E37YNMYlKvo', 
     events: { 
      'onReady': onPlayerReady 
     } 
    }); 
} 

// 3. The API will call this function when the video player is ready. 
function onPlayerReady(event) { 
    player.setPlaybackQuality('hd1080'); // Here we set the quality (yay!) 
    event.target.playVideo(); // Optional. Means video autoplays 
} 

答えて

0

ので、あなたが小道具の高さ、幅、VIDEOIDでオブジェクトYT.Playerを持って、イベント

てみ変更

height: '380' 

width: '655' 

ので

var player; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '380', 
     width: '655', 
     videoId: 'E37YNMYlKvo', 
     events: { 
      'onReady': onPlayerReady 
     } 
    }); 
} 

...

はそれが品質

を設定するためところであなたは2つの '種類' の720pと1080pの

総集編を持ってplayer.setPlaybackQuality('hd1080'); // Here we set the quality (yay!)

残ります

変更のみ高さと幅

関連する問題