add usecase content

make_video_eng.html

@@ -436,7 +436,7 @@
             }
             else{
               Swal.fire({
-                title: "Oops! Some error occurred!",
+                title: "Oops! Some errors occurred!",
                 icon: 'error',
                 text: responseOBJ.msg,
                 confirmButtonColor: '#3085d6',

usecases.html

@@ -47,7 +47,7 @@
               </div>
               <div class="col-12 col-md-6 my-4">
                 <div class="usecase-block card text-center">
-                    <div class="usecase-imgfr" style="background-image: url('img/產品介紹.png');"></div>
+                    <div class="usecase-imgfr" style="background-image: url('img/產品介紹.png');" data-bs-toggle="modal" data-bs-target="#exampleModal" data-ytid="83uE8kVIWsM"></div>
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> <lan set-lan="html:usecase_3">氣象播報</lan></h3>
                 </div>
               </div>
@@ -119,7 +119,7 @@
                                 }
                             </style>
                             <div class='embed-container'><iframe class='youtube-video' src='https://www.youtube.com/embed//XfTQ2uIWWbA'
-                                    frameborder='0' allowfullscreen></iframe></div>
+                                    frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
                         </div>
                     </div>
                 </div>
@@ -138,7 +138,7 @@
     <script>
         $(".usecase-imgfr").click(function () {
             let ytid = $(this).data('ytid');
-            $('.youtube-video').attr('src', `https://www.youtube.com/embed//${ytid}`);
+            $('.youtube-video').attr('src', `https://www.youtube.com/embed//${ytid}?autoplay=1`);
         });
         $(".btn-close").click(function () {
             $('.youtube-video').attr('src', ``);