0 Replies Latest reply on May 26, 2015 6:01 PM by Jhonc66

    reloading the element aspect

    Jhonc66

      Hi,

       

      I have one small problem which I can probably solve here, in the following page,  Racing NSW  I have a button that says Watch Live Races where I have put the following code for the element when clicked:

       

       

      var vid = sym.$("WatchLiveRaces");

      vid.html('<video id="player_name" class="video-js vjs-default-skin vjs-big-play-centered" \

        controls="controls" data-setup="{}" \

        poster="images/poster.png" preload="auto" width="100%"> \

        <source src="http://kitdigitaioslive-i.akamaihd.net/hls/live/219670/skyr_ios_unblocked/skyrnsw.m3u8" type="video/mp4" /> \

      </video> ');

       

      My question is, How can I reload the button aspect once the video is been closed or clicked done, the way it currently is, is that it plays as normal but once closed then the element shows as a video frame that looks weird.

      I have tried inserting a poster image but still looks ugly.

       

      N.B The page is intended for a mobile, specially Safari mobile in IOS