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