2017-02-10 81 views
0

我正在使用HTML5視頻標籤在android 5.0上播放三星平板電腦上的在線視頻,但出現了一些問題。它在iOS上可以正常工作。Android HTML5視頻問題

<video id='video-widget' autoplay='true' preload autobuffer controls style="width:100%;"> 
     <source src="{{src}}"> 
    </video> 


.video-widget-container { 
    height: 469px; 
    width: 100%; 
    margin-top: 100px; 
} 

.video-widget-container video::-webkit-media-controls-overlay-play-button 
    { 
    display: none; 
    -webkit-appearance: none; 
} 

.video-widget-container video::-webkit-media-controls-panel { 
    /* display: block !important; 
    -webkit-appearance: button; */ 

} 

.video-widget-container video::-webkit-media-controls-play-button { 
    /*  display: block !important; 
    -webkit-appearance: button; */ 

} 

.video-widget-container.loading video::-webkit-media-controls-play-button 
    { 
    display: none !important; 
    -webkit-appearance: none; 
} 

#video-widget.loading video::-webkit-media-controls-play-button { 
    display: none !important; 
    -webkit-appearance: none; 
} 

.video-widget-container video::-webkit-media-controls-start-playback-button 
    { 
    display: none !important; 
    -webkit-appearance: none; 
} 

.video-widget-container video::-webkit-media-controls-enclosure { 
    /* display: block !important; 
    -webkit-appearance: button; */ 

} 



.video-widget-container video { 
    background: transparent url('../images/video/CVE_MAP.svg') no-repeat 0 0; 
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    background-size: 100% 100%; 
} 
  1. 視頻不會自動播放,雖然我已經設置自動播放;

  2. 有一個醜陋的大型播放按鈕以及我設置的海報,如圖片1所示,世界地圖是我的海報;

  3. 如何隱藏代碼中的默認播放按鈕?

picture 1

+0

也許這就是答案你正在找 ? http://stackoverflow.com/questions/8911247/hide-iphone-html5-video-play-button – Strahdvonzar

回答

1

這是海報的問題。我認爲如果海報沒有在代碼中設置。 webview會爲視頻標籤設置一個默認值。所以我將poster的值設置爲'null'。沒關係。

-1

我成功地打在Android4.2.24.34.4.45.05.1視頻。 解決方案:

  • 安裝人行橫道

  • 告訴角度信任URL $scope.vidURL = $sce.trustAsResourceUrl(data.vidURL);

  • 裹視頻元素在一個div data-tap-disable="true"