2011-02-23 262 views
0

我有一个网站,并在主页上我有一个嵌入的YouTube视频,即包含玩家最初是隐藏在div(显示:无),因此,一个按钮(视频)被点击时,我隐藏页面的内容并显示YouTube播放器,所有工作都可以,但是当点击按钮(视频)时,播放器出现并开始自动再现视频,但我很喜欢它,但是我在每次尝试中都出现了错误,我使用的是我在其他网站找到一个代码,并做了一些改动自动播放YouTube视频

swfobject.addLoadEvent(ytplayer_render_player); 
function ytplayer_render_player() 
{ 
swfobject.embedSWF 
(
    'http://www.youtube.com/v/' + youtube_uhma.home + '&enablejsapi=1&rel=0&fs=1&playerapiid=ytplayer', 
    'ytplayer_div1', 
    '425', 
    '344', 
    '8', 
    null, 
    null, 
    { 
    allowScriptAccess: 'always', 
    allowFullScreen: 'true' 
    }, 
    { 
    id: 'ytplayer_object' 
    } 
); 
} 
function onYouTubePlayerReady(playerid) 
{ 
    var o = document.getElementById('ytplayer_object'); 
    if (o) 
    { 
     o.addEventListener("onStateChange", "ytplayer_statechange"); 
     o.addEventListener("onError", "ytplayer_error"); 
    } 
} 
function ytplayer_statechange(state) 
{ 
    if (state == 0) 
    { 
     ytplayer_playlazy(5000); 
    } 
} 

function ytplayer_error(error) 
{ 
    if (error) 
    { 
    ytplayer_playlazy(5000); 
    } 
} 

function ytplayer_playlazy(delay) 
{ 
    if (typeof ytplayer_playlazy.timeoutid != 'undefined') 
    { 
     window.clearTimeout(ytplayer_playlazy.timeoutid); 
    } 
    ytplayer_playlazy.timeoutid = window.setTimeout(ytplayer_play, delay); 
} 
function ytplayer_play() 
{ 
    var o = document.getElementById('ytplayer_object'); 
    if (o) 
    { 
    o.loadVideoById(youtube_uhma.home); 
    } 
} 

我文章中,我使用了整个代码,所以,我怎样才能使自动播放在这里,你可以看到我的网站在这里采取行动Uhma
谢谢所有

回答

0

好,读的Youtube JavaScript播放器的API参考和编码了一会儿后,这个工作对我来说:在ytplayer_statechange功能

,我改变了状态的验证,以

if (state == 5) //5 means that is ready to play 
{ 
    ytplayer_playlazy(1000); 
} 

视频开始1秒后继续播放。我不知道这是否是最好的方式,但对我来说就足够了。

+0

Youtube如何绕过WebKit HTML5 video'muted'? – moeseth 2017-08-17 16:33:36