Android上的html5视频标签显示黑屏

Question

我正在尝试建立一个移动网站并测试Android设备。 我可以加载和播放h264视频，但是我有黑屏。 代码很简单：

<video id='myfileplayer2' src='mysite/mobile/video.mp4' width='280' height='200'  controls></video>

有任何想法吗？

我还尝试了一些搜索所建议的一些javascript：

var video = document.getElementById('myfileplayer2');
  video.addEventListener('click',function(){
  video.play();
},false);

Answer 1

这对我有用：

<style type="text/css">       
    #Video1
    {
     position:fixed;
     top: 0px;
     left:0px;        
     width: 100%;       
     border:0px;
     display:block;
     }

    </style>
</head>
    <body>        
       <video id="Video1" preload="metadata" autobuffer autoplay>
        <source src="5xyz.mp4" type="video/mp4" />
        <source src="//5xyz.webm" type="video/webm"/>
<source src="//5xyz.ogv" type="video/ogg"/>
       </video>

<script>
var Video1 = document.getElementById('Video1');
Video1.addEventListener('click',function(){
  Video1.play();
},false);
</script>

这项工作对我而言，只需在黑屏中单击即可。 我的问题与您相同，如何更改某些“播放按钮”图像的黑屏...。

Android上的html5视频标签显示黑屏

问题描述

1 个解决方案

解决方案1
0 2015-04-28 19:52:27

Android上的html5视频标签显示黑屏

问题描述

1 个解决方案

解决方案1 0 2015-04-28 19:52:27

解决方案1
0 2015-04-28 19:52:27