2

这个脚本可能有什么问题？当我篡改它们时，它们都在萤火​​虫中工作。控制台上没有弹出错误。但是当我重新加载页面时，脚本什么也不做。

目的是根据 Video.JS Webvtt 字幕中选择的语言选择一组字体、大小、宽度等。

网址：http: //yavaway.com/captions/

目前那里的视频有硬编码的“刻录”字幕，用于视觉辅助来格式化我自己的字幕样式。

脚本 1

<script type="text/javascript">      
  jQuery(document).ready(function(jQuery){
    /* User clicks on a caption */
    jQuery('.vjs-selected').on('click',function() {    
    /* If the text enclosed by this element contains the string: Vietnamese add the vietnamese caption attributes and remove the english caption attributes */ 
       if (jQuery('li.vjs-menu-item.vjs-selected:contains("Vietnamese")').length) { jQuery('#intro').addClass('viet-subs'); jQuery('#intro').removeClass('eng-caps'); }
    /* If the text enclosed by this element contains the string: English add the english caption attributes and remove the vietnamese caption attributes */
       if (jQuery('li.vjs-menu-item.vjs-selected:contains("English")').length) { jQuery('#intro').addClass('eng-caps'); jQuery('#intro').removeClass('viet-subs'); }
    });
  });
</script>

脚本 2

<script type="text/javascript">
  $( document ).ready(function() {
    /* User clicks on a caption */
    jQuery("li.vjs-selected").on("click",function() {

    /* If the text enclosed by this element contains the string: English add the english caption attributes and remove the vietnamese caption attributes */          jQuery('li.vjs-menu-item.vjs-selected:contains("English")').each(function () {
         jQuery(function () {
            jQuery('#intro').each(function () {
               jQuery(this).addClass("eng-caps");
               jQuery(this).removeClass("viet-subs");
            });
         });
      });
    /* If the text enclosed by this element contains the string: Vietnamese add the vietnamese caption attributes and remove the english caption attributes */
      jQuery('li.vjs-menu-item.vjs-selected:contains("Vietnamese")').each(function () {
         jQuery(function () {
            jQuery('#intro').each(function () {
               jQuery(this).addClass("viet-subs");
               jQuery(this).removeClass("eng-caps");
            });
         });
      });
    });
  });
</script>

CSS

.eng-caps .vjs-tt-cue {
    background-color: rgba(0, 0, 0, 0.5);
    font-family: Trebuchet MS;
    font-size: 24px;
    text-align: start;
    color: #ff6;
}
.viet-subs .vjs-tt-cue {
    background-color: none;
    font-family: Arial;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
4

0 回答 0