我正在使用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所示,世界地圖是我的海報;
- 如何隱藏代碼中的默認播放按鈕?
也許這就是答案你正在找 ? http://stackoverflow.com/questions/8911247/hide-iphone-html5-video-play-button – Strahdvonzar