安卓上的html5视频标签显示黑屏

html5 video tag on Android gives black screen

本文关键字：标签 显示 视频 html5      更新时间：2023-09-26

我正在尝试建立一个移动网站并测试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);
这对

我有用：

<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>

这对我来说是有用的，只需单击黑屏即可。我的问题和你一样，如何为一些"播放按钮"图像更改这个黑屏......任何人？

相关文章：