2012-05-31 52 views
0

我正在嘗試設置移動網站並測試Android設備。我可以加載和播放h264視頻,但我有一個黑屏。代碼很簡單:Android上的html5視頻標籤給出了黑屏

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

任何想法?

我也嘗試過一些JavaScript從一些搜索建議:

+0

您確定您用於測試的瀏覽器是否支持HTML5? – m0skit0

+0

我正在Android設備上測試此功能,並使用SDK來嘗試不同的版本。 AFAIK html5視頻已支持一段時間。但無論哪種方式,我的重點是4.0.3,這肯定有支持。 – Tom

+0

也許視頻編碼不正確導致它停頓...你嘗試在瀏覽器中加載它嗎?也許你可以發佈一個鏈接到你的視頻或上傳到某個地方? –

回答

0

這個工作對我來說:

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

這項工作對我來說,只需點擊黑屏。我的問題是你的相同,如何改變這個黑屏的一些「播放按鈕」圖像....任何人?