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>

这项工作对我来说，只需点击黑屏。我的问题与你的一样，如何改变这个黑屏的某些＆＃34;播放按钮＆＃34;图像....任何人？

Android上的html5视频标签提供黑屏

1 个答案: