Show embed YouTube player's progress bar when auto hide

up vote
0
down vote

favorite

YouTube change their player to black style.

When you watching a video on YouTube website, the player bar will disappear when you mouse out the player, but still keep the progress bar, like this:
Still show progress bar when player bar hide

So I try to embed the video on web page, but when I set autohide=1, the player bar totally gone, include progress bar.

Have any idea to do that like on youtube website?

<object width="425" height="349">

<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&amp;hl=en_US&amp;rel=0"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?autohide=1&enablejsapi=1&iv_load_policy=3&version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed>

</object>

Updated 2011-10-28

I set autohide to 3 (not be mentioned at Youtube player document), that's what I want.

edited Oct 28 '11 at 9:33

asked Aug 11 '11 at 6:28

Hank Wang

35138

add a comment |

up vote
0
down vote

favorite

YouTube change their player to black style.

When you watching a video on YouTube website, the player bar will disappear when you mouse out the player, but still keep the progress bar, like this:
Still show progress bar when player bar hide

So I try to embed the video on web page, but when I set autohide=1, the player bar totally gone, include progress bar.

Have any idea to do that like on youtube website?

<object width="425" height="349">

<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&amp;hl=en_US&amp;rel=0"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?autohide=1&enablejsapi=1&iv_load_policy=3&version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed>

</object>

Updated 2011-10-28

I set autohide to 3 (not be mentioned at Youtube player document), that's what I want.

edited Oct 28 '11 at 9:33

asked Aug 11 '11 at 6:28

Hank Wang

35138

add a comment |

up vote
0
down vote

favorite

YouTube change their player to black style.

When you watching a video on YouTube website, the player bar will disappear when you mouse out the player, but still keep the progress bar, like this:
Still show progress bar when player bar hide

So I try to embed the video on web page, but when I set autohide=1, the player bar totally gone, include progress bar.

Have any idea to do that like on youtube website?

<object width="425" height="349">

<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&amp;hl=en_US&amp;rel=0"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?autohide=1&enablejsapi=1&iv_load_policy=3&version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed>

</object>

Updated 2011-10-28

I set autohide to 3 (not be mentioned at Youtube player document), that's what I want.

edited Oct 28 '11 at 9:33

asked Aug 11 '11 at 6:28

Hank Wang

35138

YouTube change their player to black style.

When you watching a video on YouTube website, the player bar will disappear when you mouse out the player, but still keep the progress bar, like this:
Still show progress bar when player bar hide

So I try to embed the video on web page, but when I set autohide=1, the player bar totally gone, include progress bar.

Have any idea to do that like on youtube website?

<object width="425" height="349">

<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&amp;hl=en_US&amp;rel=0"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?autohide=1&enablejsapi=1&iv_load_policy=3&version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed>

</object>

Updated 2011-10-28

I set autohide to 3 (not be mentioned at Youtube player document), that's what I want.

youtube

edited Oct 28 '11 at 9:33

asked Aug 11 '11 at 6:28

Hank Wang

35138

edited Oct 28 '11 at 9:33

asked Aug 11 '11 at 6:28

Hank Wang

35138

edited Oct 28 '11 at 9:33

asked Aug 11 '11 at 6:28

Hank Wang

35138

asked Aug 11 '11 at 6:28

Hank Wang

35138

asked Aug 11 '11 at 6:28

Hank Wang

35138

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

Try the iframe option instead?

Test putting autohide after enablejsapi?

Or test out autohide=2 (default option) to see if that brings it back, then try change it again.

http://code.google.com/apis/youtube/player_parameters.html#autohide

answered Oct 26 '11 at 16:21

joe

361311

Thanks for your reply, I already solve this problem. I set autohide to 3, the option not appear inside Youtube player document.
– Hank Wang
Oct 28 '11 at 9:34

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f7021714%2fshow-embed-youtube-players-progress-bar-when-auto-hide%23new-answer', 'question_page');
}
);

Post as a guest

Name

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

Try the iframe option instead?

Test putting autohide after enablejsapi?

Or test out autohide=2 (default option) to see if that brings it back, then try change it again.

http://code.google.com/apis/youtube/player_parameters.html#autohide

answered Oct 26 '11 at 16:21

joe

361311

Thanks for your reply, I already solve this problem. I set autohide to 3, the option not appear inside Youtube player document.
– Hank Wang
Oct 28 '11 at 9:34

add a comment |

up vote
0
down vote

Try the iframe option instead?

Test putting autohide after enablejsapi?

Or test out autohide=2 (default option) to see if that brings it back, then try change it again.

http://code.google.com/apis/youtube/player_parameters.html#autohide

answered Oct 26 '11 at 16:21

joe

361311

Thanks for your reply, I already solve this problem. I set autohide to 3, the option not appear inside Youtube player document.
– Hank Wang
Oct 28 '11 at 9:34

add a comment |

up vote
0
down vote

Try the iframe option instead?

Test putting autohide after enablejsapi?

Or test out autohide=2 (default option) to see if that brings it back, then try change it again.

http://code.google.com/apis/youtube/player_parameters.html#autohide

answered Oct 26 '11 at 16:21

joe

361311

Try the iframe option instead?

Test putting autohide after enablejsapi?

Or test out autohide=2 (default option) to see if that brings it back, then try change it again.

http://code.google.com/apis/youtube/player_parameters.html#autohide

answered Oct 26 '11 at 16:21

joe

361311

answered Oct 26 '11 at 16:21

joe

361311

answered Oct 26 '11 at 16:21

joe

361311

answered Oct 26 '11 at 16:21

joe

361311

Thanks for your reply, I already solve this problem. I set autohide to 3, the option not appear inside Youtube player document.
– Hank Wang
Oct 28 '11 at 9:34

add a comment |

Thanks for your reply, I already solve this problem. I set autohide to 3, the option not appear inside Youtube player document.
– Hank Wang
Oct 28 '11 at 9:34

Thanks for your reply, I already solve this problem. I set autohide to 3, the option not appear inside Youtube player document.
– Hank Wang
Oct 28 '11 at 9:34

add a comment |

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Name

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Wsrtjtyk