【问题标题】:Picture lead-in to Youtube video图片导入到 Youtube 视频
【发布时间】:2010-05-13 15:15:42
【问题描述】:

我有以下显示图像,当用户点击图像时,它会将他们带到 Youtube 视频:

<html>
<head>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1", {uncompressed: true});
</script>

<script>
jQuery(function($){
    $('a').click(function() {
        $(this).html('<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Msef24JErmU&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Msef24JErmU&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>');
        return false;
    });
});
</script>
</head>
<body>
    <a href="javascript:void();"><img src="http://www.clipov.net/pic/paul_oakenfold+%5Bstarry_eyed_surprise%5D+_+3-07+mtv_dance_beats+clear.jpg"></a>
</body>
</html>

问:如何自动播放视频以防止用户再次点击(第二次)?

【问题讨论】:

    标签: jquery youtube


    【解决方案1】:

    http://www.google.com/support/youtube/bin/answer.py?hl=en&answer=56107

    是的,您可以自动播放电影!在视频观看页面的“关于此视频”部分,我们为您提供了嵌入视频的源代码:

    <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk"></param><embed src="http://www.youtube.com/v/OdT9z-JjtJk" type="application/x-shockwave-flash" width="425" height="350"></embed></object>
    

    要使其自动播放,只需在视频 ID 后附加“&autoplay=1”,如下所示:

    <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=1"></param><embed src="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=1" type="application/x-shockwave-flash" width="425" height="350"></embed></object>
    

    【讨论】:

      【解决方案2】:

      只需将 autoplay=1 添加到您的 embed src 属性即可:

      http://www.google.com/support/youtube/bin/answer.py?hl=en&answer=56107

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-12-13
        • 2011-07-04
        • 1970-01-01
        • 2017-09-12
        • 2013-12-24
        • 2017-10-22
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多