首页 文章

Android HTML5视频问题

提问于
浏览 次
0

我正在使用HTML5视频标签在三星平板电脑上使用android 5.0播放在线视频，但是出现了一些问题 . 它在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所示，世界 Map 是我的海报;

  • 如何隐藏代码中的默认播放按钮？

picture 1

javascript android html5 video

2 回答

  • -1

    这是海报的问题 . 我想如果海报没有设置在代码中 . webview将为视频标记设置默认值 . 所以我将海报的值设置为'null' . 没关系 .

    回复于
  • 1

    我在 Android 4.2.2 ， 4.3 ， 4.4.4 ， 5.0 ， 5.1 上成功播放视频 . 解：

    • 安装人行横道

    • 告诉angular以信任URL $scope.vidURL = $sce.trustAsResourceUrl(data.vidURL);

    • 用 data-tap-disable="true" 将视频元素包装在div中

    回复于

相关问题