how to prevent loading previous data when refresh the window using mouse. (right click on the tab and select reload tab option)
<p>I want to prevent load youtube video when window is refresh. by using keyboard F5 and browser refresh button it not loading. But when I right click on my window and select reload window option it loads previous youtube video.
Here is my code:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var temp1;
    var temp2;
    var temp3 = 0;
    function showPlayer(id, iframe, src) {
        if (temp3 != 0) {
            $("#" + temp1 + "").addClass("hide");
            document.getElementById(temp2).src = "";
        }

        $("#" + id + "").removeClass("hide");
        document.getElementById(iframe).src = "https://www.youtube.com/embed/" + src + "?autoplay=1;controls=0&amp;amp;showinfo=0";
        temp1 = id;
        temp2 = iframe;
        temp3++;
    }</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.a1{
        position: relative;
        height: 300px; 
        width: 400px; 
        overflow: hidden;
        background-color: #ddd;
    }
    .yt-player{
        border: solid 1px #000;
    }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;div class="a1" style=""&gt;
    &lt;div id="b1" &gt;
        &lt;iframe id="yt-1" class="yt-player" width="300" height="175"   frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
        &lt;br/&gt;
        &lt;button onclick="showPlayer('b1', 'yt-1', 'fIHH5-HVS9o')"&gt;play video&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>