<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  </head>
  <body bgcolor="#ffffff" text="#000000">
    On 21/09/2010 2:37 p.m., Robert O'Callahan wrote:
    <blockquote
      cite="mid:AANLkTi=Guj9GN5jY+RdCDMivGU_66QBCe2gkfaxaQHTa@mail.gmail.com"
      type="cite">On Mon, Sep 20, 2010 at 10:31 PM, Shiv Kumar <span
        dir="ltr"><<a moz-do-not-send="true"
          href="mailto:skumar@exposureroom.com">skumar@exposureroom.com</a>></span>
      wrote:<br>
      <div class="gmail_quote"><br>
        <blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt
          0.8ex; border-left: 1px solid rgb(204, 204, 204);
          padding-left: 1ex;">
          <div link="blue" vlink="purple" lang="EN-US">
            <div>
              <p class="MsoNormal"><span style="font-size: 11pt; color:
                  rgb(31, 73, 125);"> The only thing that remains then
                  is if web developers would like
                  control over the poster, such as to show the poster
                  after the video has ended,
                  then there should be a way to do that. For this we
                  need a method to show the
                  poster once again. Current there is no way to get the
                  poster to show again and
                  the load() method is not the answer, nor is resetting.
                  A simple method that
                  does not impact anything else will do the trick.  </span></p>
            </div>
          </div>
        </blockquote>
        <div><br>
          I am trying to understand why load() is not an adequate
          answer.<br>
          <br>
        </div>
      </div>
    </blockquote>
    <br>
    One caveat: if you use load() to reset the poster image, you'll
    trigger all the events and state changes, and reset the volume,
    currentTime, playbackRate and so on.<br>
    <br>
    <br>
    On 21/09/2010 2:31 p.m., Shiv Kumar wrote:<span style="font-size:
      11pt; font-family: "Calibri","sans-serif";
      color: rgb(31, 73, 125);"><o:p> <br>
      </o:p></span>
    <blockquote cite="mid:008601cb5935$2177a8e0$6466faa0$@com"
      type="cite">
      <div class="WordSection1">
        <p class="MsoNormal"><span style="font-size: 11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);">Now if you want to change the source of the video
            in mid play to a
            better or lower quality version of the same video then you
            have to go through a
            few more hoops (and the load() method is used at this time –
            but you don’t want
            the poster to show either).</span></p>
      </div>
    </blockquote>
    <br>
    Wouldn't it be better to load() the new resource in a separate video
    element, and then swap it into the DOM when it's completed loading
    and seeked to your change over point? Wouldn't that be more
    seemless?<br>
    <br>
    <br>
    <br>
    On 21/09/2010 3:36 p.m., Shiv Kumar wrote:
    <blockquote cite="mid:00ab01cb593e$244817e0$6cd847a0$@com"
      type="cite">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta name="Generator" content="Microsoft Word 12 (filtered
        medium)">
      <style>
<!--
 /* Font Definitions */
 @font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0in;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:"Times New Roman","serif";}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:blue;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:purple;
        text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
        {mso-style-priority:34;
        margin-top:0in;
        margin-right:0in;
        margin-bottom:0in;
        margin-left:.5in;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:"Times New Roman","serif";}
span.EmailStyle17
        {mso-style-type:personal-reply;
        font-family:"Calibri","sans-serif";
        color:#1F497D;}
.MsoChpDefault
        {mso-style-type:export-only;}
@page WordSection1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
        {page:WordSection1;}
 /* List Definitions */
 @list l0
        {mso-list-id:1172794456;
        mso-list-type:hybrid;
        mso-list-template-ids:405882 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
        {mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;}
ol
        {margin-bottom:0in;}
ul
        {margin-bottom:0in;}
-->
</style><!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1" />
 </o:shapelayout></xml><![endif]-->
      <div class="WordSection1"><span style="font-size: 11pt;
          font-family: "Calibri","sans-serif";
          color: rgb(31, 73, 125);"><o:p> </o:p></span>
        <p class="MsoNormal"><span style="font-size: 11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);">Here are some contradictory cases that may serve
            as use cases to
            justify the need to have a spate method:<o:p></o:p></span></p>
        <p class="MsoListParagraph" style="text-indent: -0.25in;"><!--[if !supportLists]--><span
            style="font-size: 11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);"><span style="">1.<span style="font: 7pt
                "Times New Roman";">      
              </span></span></span><!--[endif]--><span style="font-size:
            11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);">Some websites, don’t bother showing the poster
            after the video
            ends while providing the content producer to override.<o:p></o:p></span></p>
        <p class="MsoListParagraph" style="text-indent: -0.25in;"><!--[if !supportLists]--><span
            style="font-size: 11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);"><span style="">2.<span style="font: 7pt
                "Times New Roman";">      
              </span></span></span><!--[endif]--><span style="font-size:
            11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);">Some websites (and mobile devices) default to
            showing the poster
            after the video ends and allowing the content producer to
            override<o:p></o:p></span></p>
        <p class="MsoListParagraph" style="text-indent: -0.25in;"><!--[if !supportLists]--><span
            style="font-size: 11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);"><span style="">3.<span style="font: 7pt
                "Times New Roman";">      
              </span></span></span><!--[endif]--><span style="font-size:
            11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);">Some websites show the poster whenever the video
            is paused.<o:p></o:p></span></p>
        <p class="MsoNormal"><span style="font-size: 11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);"><o:p> </o:p></span></p>
        <p class="MsoNormal"><span style="font-size: 11pt; font-family:
            "Calibri","sans-serif"; color: rgb(31,
            73, 125);">Given the above cases, having a method the
            specifically controls
            the visibility of the poster (alone) will allow all of the
            above cases to be
            implemented.<o:p></o:p></span></p>
      </div>
    </blockquote>
    <br>
    If we wanted to go down this path, I think a settable attribute
    'postervisible' would be the way to go. Setting to true would show
    the poster, and the browser would automatically hide the poster the
    next time it updates the video frame (the next time playback starts
    and after a seek completes). The attribute would also be readable
    from script. We'd probably want to dispatch a 'posterhidden' event
    when the poster is hidden as well, and maybe a 'postershown'  event
    as well.<br>
    <br>
    But wouldn't anyone who wanted this level of control have their own
    custom video controls anyway, so that they could ensure they looked
    the same across all browsers? In which case they'd have their own
    custom poster image implementation anyway?<br>
    <br>
    <br>
    Chris P.<br>
  </body>
</html>