jquery - クリックでビデオを切り替え

Question

クリックしてビデオを自動再生およびループしている別のビデオに交換するボタンを取得しようとしています。

本当にこれを理解することはできません。どんな助けでも素晴らしいでしょう!

これが私のコードです。

 <div data-role="page">

    <div data-role="header">
        <h1>Live Fire</h1>
    </div><!-- /header -->

    <div data-role="content">
        <button>Clicky</button>
        <br>
        <video id="container" width="600" height="400" src="video/1.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>

    </div><!-- /content    -->

    <div data-role="footer" data-position="fixed" class="ui-bar">
    <a href="#" data-icon="plus">Add</a>

</div>
</div><!-- /page -->
<script>
    $('button').on('click', function () {
    var $el = $(this).data('toggle') ? '<video id="container" width="600" height="400" src="video/1.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>' : '<video id="container" width="600" height="400" src="video/3.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>';
    $(this).data('toggle', !$(this).data('toggle'));
    $('#container').html($el);
});
    </script>
</body>