BHG: Video Page Updates

[khaled]

Updates and Fixes for the Video Watch Page

content/video

[khaled]

From Brent:

1. Video description section:

1. When closed it should list all of the sections contained inside. (See attached design: Video Description Closed).
2. The open and close is not very intuitive. The close should be at the bottom of section. (See attached Design: Video Description Open)
3. The video description needs to be push up closer to the video so that the spacing above and the spacing below are identical.

[khaled]

Closed view of the Video Description.

[khaled]

View of the description when open.

[khaled]

Supplemental Information (Khaled):

1 a. Each of the section tags should trigger an event identical to how the 'view more' anchor tag behaves right now, that is it should scroll open the Video Description section.
1 b. Please note also that the sections tags should disappear when the video section is opened and that the close tag should appear at the bottom of the scrolled open section. This may mean that it's more sensible to move all of these controls out of the div that the video description is in.

[lila]

mature audience overlay

[lila]

QA--Lila. Dec 10, 2009
mature audience/18+ video login/reg overlay

currently we have: http://baby.healthguru.com/content/video/watch/101276/How_To_Solve_Common_Breastfeeding_Problems
should look more like this: http://pregnancy.healthguru.com/content/video/watch/100101/Cesarean_Section_Delivery

1. This is a design element that was forgotten about when designing baby. please refer to the mock up attached to this ticket, 18+overlay.jpg. thanks!

[lila]

QA--Lila. Dec 14, 2009

IE07

1. videos are not loading or playing
2. Entire rt col starting from the reg box down is on the left underneath the nav and comments section
3. when rating a video, the box opens to the right outside of the video player

[khaled]

1. Deepu: Please confirm IE7 errors.
2. Implement 18+ overlay as per design.

[deepu]

1. videos are not loading or playing ---- works fine in normal IE 07
2. Entire rt col starting from the reg box down is on the left underneath the nav and comments section --- works fine in normal IE
3. when rating a video, the box opens to the right outside of the video player --works fine

[maryann]

Additional QA from Chris:
1. Under tags when you “view more” about the video, the second line of tags is not indented properly to match the first line

[deepu]

2. Implement 18+ overlay as per design. ---done with the design

1. Under tags when you “view more” about the video, the second line of tags is not indented properly to match the first line ---Now they are indented properly

[lila]

QA--Lila. Dec 15, 2009

firefox & safari macos10

page tested: http://devbaby.healthgurumedia.com/content/video/watch/102122/Baby_Acne

1. please implement a space btwn the share tab and the drop down when the user rolls over it...there should be a small space btwn the other tabs so there is no mistake that the drop down is coming from the share tab rather than the rating tab. it looks good on our other channels--eg: http://college.healthguru.com/content/video/watch/100537/The_Good_Time_Frat_Workout

2. video sticks out to the left a few pixels--pls align.

[maryann]

1. please implement a space btwn the share tab and the drop down when the user rolls over it...there should be a small space btwn the other tabs so there is no mistake that the drop down is coming from the share tab rather than the rating tab. it looks good on our other channels--eg: http://college.healthguru.com/content/video/watch/100537/The_Good_Time_Frat_Workout<--- there is a 3px space now

2. video sticks out to the left a few pixels--pls align. <---adjusted the size of the player and the alignment

[maryann]

The video description is looking almost perfect, it just needs to have the tags moved up to condense the amount of space taken up. I tried to do it, but then the link became unclickable because it moved behind the description.

[khaled]

Moving the open links for the video description section into the video description is extremely problematic. New design instead aligns the tags to the left, right under the image. This is implemented.

[deepu]

Moving the open links for the video description section into the video description is extremely problematic. New design instead aligns the tags to the left, right under the image. This is implemented.---- Works good in FF, chrome but not working in IE

[khaled]

Appears to work in IE

[brent]

QA from Brent 122109
Ubuntu - Firefox 3.1

Watch Page:

- in the description section we have links which say transcript, category, expert, tags, etc. The underline for these links goes one space beyond the end of the word. In addition, we should make the “view more” into a heading instead of a link so it looks like: (View More: expert | tags | transcript | etc…)

- in the comments section it only gives me the option to rate original comments... not reply's also if i attempt to rate something without logging in the login/register box should appear below the comment.

- the flag link for a comment only appears if i am logged in... it sould always be there and simply prompt the user to register.

- The +, -, and flag controls should have rollovers with the same taxt as the previous version of the site. the style of the rollovers can mirror the more current design as used in the "Commenting Policy"

- the post aq comment box should be closer to the comment above it and there sould be more vertical space below to help this box to feel more like it is part of the comments section.

- in the rating tab the date sometimes wraps onto a 2nd line causing the text below to not fit. easy fix is to remove the "By: Health Guru"

- in the register box the rollover should have a dark grey 1px outline to help separate from the background.

- in the More Content from [category] section... the rollover should encompass the video/article text above the image.

- in the More Content from [category] section the category name should be underlined by default and the underline can disappear with rollover.

[deepu]

- in the comments section it only gives me the option to rate original comments... not reply's also if i attempt to rate something without logging in the login/register box should appear below the comment.--now the reply is also having + and - buttons changes made in commentblock.phtml just added the code of displaying buttons

- the flag link for a comment only appears if i am logged in... it sould always be there and simply prompt the user to register.---now it appears even for the non login users changes made in commentblock.phtml

- the post a comment box should be closer to the comment above it and there sould be more vertical space below to help this box to feel more like it is part of the comments section.---now there is no space looks like it is part of comments for this made a change in commentblock.phtml

- in the rating tab the date sometimes wraps onto a 2nd line causing the text below to not fit. easy fix is to remove the "By: Health Guru"---removed the "By: Health Guru" as said changes made in video.phtml

- in the More Content from [category] section... the rollover should encompass the video/article text above the image.--rollover is now on the content type made this just by placing code in hover div in contentbox.phtml

- in the More Content from [category] section the category name should be underlined by default and the underline can disappear with rollover. -- content type is underlined by default just added underlined tag in contentbox.phtml

[maryann]

- in the description section we have links which say transcript, category, expert, tags, etc. The underline for these links goes one space beyond the end of the word. In addition, we should make the “view more” into a heading instead of a link so it looks like: (View More: expert | tags | transcript | etc…)<---done, had to change it in the .js as well

- in the comments section it only gives me the option to rate original comments... not reply's also if i attempt to rate something without logging in the login/register box should appear below the comment.<---deepu: now the reply is also having + and - buttons changes made in commentblock.phtml just added the code of displaying buttons; maryann: moving this to Ticket #203

- the flag link for a comment only appears if i am logged in... it sould always be there and simply prompt the user to register.<---deepu: now it appears even for the non login users changes made in commentblock.phtml; maryann: moving this to Ticket #203

- The +, -, and flag controls should have rollovers with the same taxt as the previous version of the site. the style of the rollovers can mirror the more current design as used in the "Commenting Policy"<---am moving this to the #203 BHG Comments.

- the post aq comment box should be closer to the comment above it and there sould be more vertical space below to help this box to feel more like it is part of the comments section.<---deepu: now there is no space looks like it is part of comments for this made a change in commentblock.phtml; maryann: moving this to Ticket #203

- in the rating tab the date sometimes wraps onto a 2nd line causing the text below to not fit. easy fix is to remove the "By: Health Guru"<---deepu: removed the "By: Health Guru" as said changes made in video.phtml; maryann: moving this to Ticket #203

- in the register box the rollover should have a dark grey 1px outline to help separate from the background.<---maryann: changed it from #e7e7e7 to #d9d9d9

- in the More Content from [category] section... the rollover should encompass the video/article text above the image.<---deepu: rollover is now on the content type made this just by placing code in hover div in contentbox.phtml; maryann: slimmed down the code a little

- in the More Content from [category] section the category name should be underlined by default and the underline can disappear with rollover. <---deepu: content type is underlined by default just added underlined tag in contentbox.phtml; maryann: undid this, added underlined class to the title

[brent]

everything looks good except for the following.

- in the More Content from [category] section the category name should be underlined by default and the underline can disappear with rollover. -- content type is underlined by default just added underlined tag in contentbox.phtml

- in the more content from Category section the titles of the content listed should not be underlined and underlined with the rollover.

[brent]

Comments from Senior Mgmt team
10· In the comments section, the reply, flag and “+” and “-“ signs are not formatted properly – also, when I click one of them to log in, the box that drops down is only half showing and then really messes up the formatting. Also, should it say “By _username_ 4 weeks ago”

[maryann]

1. in the More Content from [category] section the category name should be underlined by default and the underline can disappear with rollover. -- content type is underlined by default just added underlined tag in contentbox.phtml<---fixed

2. in the more content from Category section the titles of the content listed should not be underlined and underlined with the rollover.<---completed

Comments from Senior Mgmt team
10· In the comments section, the reply, flag and “+” and “-“ signs are not formatted properly – also, when I click one of them to log in, the box that drops down is only half showing and then really messes up the formatting. Also, should it say “By _username_ 4 weeks ago” <---moved to comments ticket