Android HTML5ビデオの問題

Question

私はHTML5ビデオタグを使用してAndroid搭載のSamsungタブレットでオンラインビデオを再生していますが、いくつかの問題が発生します。そしてそれはiOS上で正常に動作します。

<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. コード内のデフォルト再生ボタンを非表示にするにはどうすればよいですか？

Answer 1

それはポスターの問題です。私はポスターがコードで設定されていないと思います。 webviewは、ビデオタグのデフォルトのものを設定します。そこで私はポスターの価値を 'null'に設定しました。それは大丈夫です。

Answer 2

は、私は正常Android4.2.2、4.3、4.4.4、5.0、5.1上でビデオを再生しています。 ソリューション：

• はたぶんこれが答えあなたですdata-tap-disable="true"