2 en

css/style.css

@@ -21,8 +21,8 @@ select {
     width: 100%;
 }
 
-video {
-    width: 480px;
+iframe {
+    width: 100%;
     aspect-ratio: 16/9;
 }
 

index.html

@@ -14,15 +14,14 @@
   <table border="1" id="maintab">
     <tbody>
       <tr>
-        <td>教程 (Tutorial)</td>
+        <td>Tutorial</td>
         <td>
-          <video
-            src="https://www.modelscope.cn/studio/Genius-Society/figured_bass_calculator/resolve/master/src/demo.mp4"
-            controls muted loop autoplay></video>
+          <iframe src="//player.bilibili.com/player.html?bvid=BV1yTrgYVEVK&p=2&autoplay=0" scrolling="no" border="0"
+            frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
         </td>
       </tr>
       <tr>
-        <td class="col-1"><label for="key">中心音 (Key)</label></td>
+        <td class="col-1"><label for="key">Key</label></td>
         <td class="col-2">
           <select id="key">
             <option value="Cb">C♭</option>
@@ -44,16 +43,16 @@
         </td>
       </tr>
       <tr>
-        <td><label for="key">大小调 (Mode)</label></td>
+        <td><label for="key">Mode</label></td>
         <td>
           <select id="mode" onchange="change_mode()">
-            <option value="Major" selected="selected">大调 (Major)</option>
-            <option value="Minor">小调 (Minor)</option>
+            <option value="Major" selected="selected">Major</option>
+            <option value="Minor">Minor</option>
           </select>
         </td>
       </tr>
       <tr>
-        <td><label for="bassNote">低音 (Bass Note)</label></td>
+        <td><label for="bassNote">Bass Note</label></td>
         <td>
           <select id="bassNote">
             <option value="C" selected="selected">C</option>
@@ -67,7 +66,7 @@
         </td>
       </tr>
       <tr>
-        <td><label for="accidental">变音记号 (Accidental)</label></td>
+        <td><label for="accidental">Accidental</label></td>
         <td>
           <select id="accidental">
             <option value="bb">♭♭</option>
@@ -80,7 +79,7 @@
         </td>
       </tr>
       <tr>
-        <td><label for="figures">数字 Figure(s)</label></td>
+        <td><label for="figures">Figure(s)</label></td>
         <td>
           <span class="dropdown">
             <span class="dropdown-content" id="dropdown">
@@ -88,7 +87,7 @@
                 <tbody>
                   <tr>
                     <td><input type="radio" name="figures" class="figure" value="noFigure" id="noFigure"
-                        checked="checked" onclick="close_dropdown()"><label for="noFigure">无数字 (No figure)</label>
+                        checked="checked" onclick="close_dropdown()"><label for="noFigure">No figure</label>
                     </td>
                     <td><input type="radio" name="figures" class="figure" value="0" id="0"
                         onclick="close_dropdown()"><label for="0">Tasto solo</label></td>
@@ -244,9 +243,9 @@
         </td>
       </tr>
       <tr>
-        <td><input id="chord" type="button" onclick="show_notes_to_play()" value="计算应该演奏的和弦"></td>
+        <td><input id="chord" type="button" onclick="show_notes_to_play()" value="Show chord to play"></td>
         <td>
-          <div id="demo">Show chord to play</div>
+          <div id="demo"></div>
         </td>
       </tr>
     </tbody>