視頻控件無法完全呈現

我正在實施一個使用視頻播放器播放視頻的網站，因爲它與站點內的其他AngularJS很好地集成在一起。每個需要的文件似乎都位於路徑中的正確位置，但最終結果僅顯示總時間，已用時間和已用時間條。視頻控件無法完全呈現

現在我現在控制在那裏，就好像我將鼠標懸停在音量控制應該出現的位置上一樣。

我正在Chrome版本32.0.1700.107中測試。我想我是按照這個演示來寫這封信的。

這是我的「M引用特定的樣式表

<link rel="stylesheet" href="css/bootstrap.css"> 
    <link rel="stylesheet" href="css/offcanvas.css"> 
    <link rel="stylesheet" href="css/videogular/videogular.css"> 
    <link rel="stylesheet" href="css/app2.css"/>

這是我怎麼在js文件拉動。沒有示出包括jQuery的，引導的，並offcanvas js文件如何。

<script src="lib/angular/angular.js"></script> 
    <script src="lib/angular/angular-route.js"></script> 
    <script src="lib/angular/angular-sanitize.js"></script> 
    <script src="js/videogular/videogular.js" type="text/javascript"></script> 
    <script src="js/videogular/plugins/controls.js" type="text/javascript"></script> 
    <script src="js/videogular/plugins/overlay-play.js" type="text/javascript"></script> 
    <script src="js/videogular/plugins/buffering.js" type="text/javascript"></script> 
    <script src="js/videogular/plugins/poster.js" type="text/javascript"></script> 
    <script src="js/app.js"></script> 
    <script src="js/services.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/filters.js"></script> 
    <script src="js/directives.js"></script>

我甚至使用相同的配置作爲演示

$scope.config = { 
    width: 640, 
    height: 360, 
    autoHide: false, 
    autoPlay: true, 
    responsive: true, 
    theme: { 
     url: "css/videogular/videogular.css", 
     playIcon: "&#xe000;", 
     pauseIcon: "&#xe001;", 
     volumeLevel3Icon: "&#xe002;", 
     volumeLevel2Icon: "&#xe003;", 
     volumeLevel1Icon: "&#xe004;", 
     volumeLevel0Icon: "&#xe005;", 
     muteIcon: "&#xe006;", 
     enterFullScreenIcon: "&#xe007;", 
     exitFullScreenIcon: "&#xe008;" 
    }

最後我的目錄structu再是這樣的：

應用
- CSS
- videogular
  - 字體
    - icomoon.eot
    - icomoon.svg
    - icomoon.ttf
    - icomoon.woff
  - videogular.css
- IMG
- JS
  - videogular
  - 插件
    - buffering.js
    - controls.js
    - 疊加play.js
    - poster.js
  - videogular。JS
- LIB
- 諧音
- 視頻
- 意見
  - videogular
    - 插件
      - 緩衝
        
        buffering.html
        個
      - 控制
        
        controls.html
        
        全屏button.html
        
        靜音button.html
        
        播放暫停button.html
        
        量，一個bar.html
      - 疊加播放
        
        疊加play.html
- 的index.html

現在我敢肯定，我失去了一些東西，但我無法看到它。任何幫助？

來源

2014-02-25 Matt K.

任何Chrome錯誤或者你看到任何網絡錯誤？看起來對我來說一切都很好，也許如果你可以上傳演示來看看它會更容易幫助你。 – elecash

所以我想通了。根據elecash對一切看起來正確的問題的評論，我將所有內容與演示進行了比較。事實證明，我的錯誤是從icomoon網站獲取icomoon字體，而不是演示。如果沒有在icomoon.svg中定義的unicode定義，它無法正確識別顯示正確的glyphy，儘管它已在配置中正確定義。快速下載字體文件並重新啓動服務器，並正確顯示所有內容。

來源

2014-03-03 16:39:55

很酷，很高興幫助！您應該始終使用提供的圖標字體，因爲它們經過優化只能使用項目中使用的字形 – elecash

視頻控件無法完全呈現

回答

相關問題