2010-01-04 10 views
5

comme vous le savez lorsque vous incorporez des vidéos sur Youtube dans votre page web, ça fonctionne très bien, mais si vous cliquez sur une partie de l'écran, le site youtube s'ouvrira dans une nouvelle fenêtre.Intégrer la vidéo sur youtube sans lien avec youtube

Y at-il un moyen d'intégrer la vidéo YouTube sur notre site Web, mais désactiver l'ouverture de ce site Web YouTube lorsque vous cliquez sur l'écran pour mettre en pause la vidéo? Ou vous pouvez jouer votre tube vidéo dans un autre lecteur ..?

Je cherche un moyen de contourner le problème.

toute possibilité de façon requête j, ajax, java script ou PHP, Mootools etc. Merci

+3

Techniquement? Peut-être, mais cela constituerait une violation de la section 6.1.F des conditions d'utilisation de YouTube. La vidéo utilise beaucoup de bande passante, le lien et le logo sont les prix que vous payez en utilisant Google. – Quentin

+0

en fait je ne me dérange pas d'avoir leur logo, c'est bien mais la chose que je n'aime pas est la fonction de clic, un vous cliquez pour mettre en pause la vidéo vous allez sur votre site tube, pouvons-nous seulement le désactiver? – air

+0

Je pense que vous pourriez ne pas avoir de chance sur celui-ci ... J'ai examiné cela à quelques reprises et je n'ai jamais rien trouvé. –

Répondre

7

essayez ceci:

est de l'échantillon API youtube, il devrait donc être officiel soutenu important est &version=3 ou &something=xx;version=3

<object style="height: 390px; width: 640px"> 
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3"> 
<param name="allowFullScreen" value="true"> 
<param name="allowScriptAccess" value="always"> 
<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object> 
+0

Confused - cela représente-t-il une violation des conditions d'utilisation de youtube? Si quelqu'un comme Facebook a fait cela à des vidéos YouTube intégrées, youtube serait poursuivre? –

7

Vous ne devriez pas le faire. Si vous avez besoin d'un animateur vidéo qui conserve son image de marque sur votre écran, je suggère http://blip.tv. Vous pouvez y transférer vos vidéos via un FTP (ils le rendent accessible à tous les utilisateurs), et même personnaliser votre propre lecteur avec votre propre image de marque.

+0

J'essaie ce vote down chèque \t http://blip.tv mais c'est si lent, je préfère utiliser youtube, avec leur logo ou marque d'eau, peut-on simplement désactiver click? – air

+3

Non, l'air. Vous ne pouvez pas désactiver leur clic. – Sampson

0

Utilisez le lecteur Jw et ajoutez ce code à votre page

<script type='text/javascript' src='swfobject.js'></script> 
<div id='mediaspace'>This text will be replaced</div> 

<script type='text/javascript'> 
    var so = new SWFObject('http://astra.pcriot.com/videos/player.swf','ply','400','315','9','#000000'); 
    so.addParam('allowfullscreen','true'); 
    so.addParam('allowscriptaccess','always'); 
    so.addParam('wmode','opaque'); 
    so.addVariable('file','http://www.youtube.com/watch?v=YQmt8uHgIGY'); 
    so.write('mediaspace'); 
</script> 
1

Il existe plusieurs façons de faire cela (en fonction de vos compétences de programmeur):

EXIGENT connaissances JS: - utiliser le api JS de Google et de désactiver les boutons normaux et ajouter des boutons de douane et des événements (il y a beaucoup d'exemples dans la documentation)

NO compétences de PROGRAMMEUR:

  • utiliser un autre joueur
  • et la façon dont je l'ai fait: j'ai mis un DIV sur le lecteur (sauf la partie où les recherche/contrôles sont). Cela empêche l'utilisateur de cliquer sur une partie souhaitée du lecteur intégré, mais vous permet d'utiliser encore les commandes (lecture/pause/recherche/vue sur youtube)

USAGES des solutions ci-dessus: - si vous voulez cliquez sur le lecteur et déclencher une action sans commencer à lire la vidéo Youtube - disable: youtube clic/open youtube dans une autre fenêtre

ESPOIR cela vous aidera

0

Vous pouvez tirer parti de l'API Youtube avec ce script qui vous permettra également de spécifier un timecode spécifique et n'afficher qu'une partie de la vidéo.

<div videoID="" startTime="" endTime="" height="" width="" id="youtube"></div> 

var n = "youtube"; 
var y = document.createElement('script'); 
y.type = "text/javascript"; 
y.src = "//www.youtube.com/iframe_api"; 
var s = document.getElementsByTagName('script')[0]; 
s.parentNode.insertBefore(y, s); 
var player; 
var p = document.getElementById(n); 
var st = p.getAttribute("startTime"); 
var et = p.getAttribute("endTime"); 
var vi = p.getAttribute("videoID"); 
var ph = p.getAttribute("height"); 
var pw = p.getAttribute("width"); 

function onYouTubeIframeAPIReady() { 
    player = new YT.Player(n, { 
     height: ph,width: pw,playerVars: { 
      'rel': 0, 
      'showinfo': 0, 
      'hidecontrols': 1 
     }, 

     events: { 
      'onReady': lv 
     } 
    }) 
} 

function lv(e) { 
    e.target.cueVideoById({ 
     videoId: vi,startSeconds: st,endSeconds: et 
    }) 
} 
0

Essayez cette

<iframe width="560" height="315" src="//www.youtube.com/embed/<?=$idtube?>?modestbranding=1&amp;;showinfo=0&amp;;autohide=1&amp;;rel=0&amp;;hd=1" frameborder="0" allowfullscreen></iframe> 
Questions connexes