Question

如您所知，当您在网页中嵌入YouTube视频时，它运行正常，但如果您点击屏幕的任何部分，youtube网站将在新窗口中打开。

有没有办法在我们的网站上嵌入youtube视频，但是当点击屏幕暂停视频时禁用youtube网站？

或者你可以在其他播放器中播放管视频..？

我正在寻找方法。

j查询，ajax，java脚本或PHP，mootools等的任何可能性。感谢

Answer 1

你不应该这样做。如果您需要视频主持人将其品牌信息从屏幕上移开，我建议http://blip.tv。您可以通过FTP传输视频（它们可供所有用户使用），甚至可以使用自己的品牌定制自己的播放器。

Answer 2

试试这个：

它来自youtube API示例，因此应该得到官方支持重要的是&version=3或&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>

Answer 3

有几种方法可以做到这一点（取决于你的程序员技能）：

要求JS知识： - 使用谷歌的JS api并禁用普通按钮并添加海关按钮和事件（他们的文档中有很多例子）

没有编程技能：

使用其他玩家
和我做的方式：我把DIV放在播放器的顶部（除了搜索/控件所在的部分）。这可以防止用户点击嵌入式播放器的所需部分但允许您仍然使用控件（在youtube中播放/暂停/搜索/查看）

以上解决方案的用途： - 如果你想点击播放器并触发动作而不开始播放Youtube视频 - 禁用：youtube在另一个窗口中单击/打开youtube

希望这会帮助你

Answer 4

使用Jw播放器并将此代码添加到您的页面

<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>

Answer 5

您可以将Youtube API与此脚本一起使用，该脚本还允许您指定特定的时间码并仅显示视频的一部分。

<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
    })
}

Answer 6

试试这个

<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>

在没有youtube链接的情况下嵌入youtube视频

6 个答案: