long video demo

html/make_video_long.html

@@ -224,13 +224,33 @@
             <div class="col-lg-10 px-0">
                 <div>
                     <form id="msform">
-                        <div class="linker__box">
-                            <p set-lan="html:preview_videos">預覽影片</p>
-                            <i class="fas fa-link"></i>
-                            <a id='linker' style="display: none;" class="ms-2" set-lan="html:video_link">影片連結</a>
-                        </div>
-                        <!-- fieldsets -->
                         <fieldset>
+                            <h3 class="fs-subtitle">
+                                <lan set-lan="html:video_long_title">標題</lan>
+                            </h3>
+                            <style>
+                                .embed-container {
+                                    position: relative;
+                                    padding-bottom: 56.25%;
+                                    height: 0;
+                                    overflow: hidden;
+                                    max-width: 100%;
+                                }
+    
+                                .embed-container iframe,
+                                .embed-container object,
+                                .embed-container embed {
+                                    position: absolute;
+                                    top: 0;
+                                    left: 0;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            </style>
+                            <div class='embed-container'><iframe class='youtube-video' src='https://www.youtube.com/embed//bowrtLQ6mg4'
+                                    frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
+                        </fieldset>
+                        <!--<fieldset>
                             <h3 class="fs-subtitle">
                                 <lan set-lan="html:video_title">標題</lan><img class="ms-1" src="static/img/question.png"
                                     alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題">
@@ -342,9 +362,8 @@
                             <div style="display: none;" id="myProgress">
                                 <div style="display: none;" id="myBar">0%</div>
                             </div>
-                        </fieldset>
+                        </fieldset> -->
                     </form>
-                    <!-- <div style="width: 80%;margin: 0 auto;"><iframe src="http://www.choozmo.com:8168/ai_anchor_video/16250306886652043.mp4" frameborder="0" style="width: 100%;height: 400px;"></iframe></div> -->
                 </div>
             </div>
             <!-- <div id="mySidenav" class="sidenav">

html/script_long.js

@@ -80,8 +80,8 @@ var modalTitle = document.querySelector("#avatarmega .modal-title");
 var avatarSelector = document.getElementById("avatar");
 var card = document.getElementsByClassName('card');
 card = [...card];
-avatarSelector.addEventListener('change', avatarChange);
-avatarChange();
+// avatarSelector.addEventListener('change', avatarChange);
+// avatarChange();
 
 function addCardListener() {
   for (let i = 0; i < card.length; i++) {
@@ -89,7 +89,7 @@ function addCardListener() {
   }
 }
 
-addCardListener();
+// addCardListener();
 
 function avatarChange() {
   var value = avatarSelector.options[avatarSelector.selectedIndex].text;
@@ -448,13 +448,13 @@ function initial() {
   }
 }
 
-initial();
+//initial();
 
 
 var addimgbtn = document.querySelector(".addimg");
 
 
-addimgbtn.addEventListener('click', addimgBlock);
+//addimgbtn.addEventListener('click', addimgBlock);
 
 
 function addimgBlock() {

html/static/lan.js

@@ -129,7 +129,8 @@ var zh = {
     "trial_title": "想要免費獲得更多時間額度？",
     "trial_txt": "透過社群分享專屬連結，邀請好友註冊 AI Spokesgirl，凡是好友透過連結註冊成功，您可以免費獲得2分鐘製作額度。",
     "share": "分享",
-    "close": "關閉"
+    "close": "關閉",
+    "video_long_title": "長影片範例"
 };
 
 var en = {
@@ -213,7 +214,8 @@ var en = {
     "trial_title": "Want to get more minutes?",
     "trial_txt": "Invite your friends to AI Spokesgirl and for each eligible one that signs up from your referral, we'll give you 2 more minutes free!",
     "share": "Share:",
-    "close": "Close"
+    "close": "Close",
+    "video_long_title": "Long Video Demo"
 };
 
 function switchLanContent(val){