2015-09-24 112 views
1
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>DDK</title> 
<link href="jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/> 
<script src="jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script> 
<script src="jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script> 
</head> 
<body> 

<div data-role="page" id="page"> 
    <div data-role="header"> 
     <h1>Door Darshan India</h1> 
     <image src="ddk.jpg" width="460"> 
     </div> 

    <div data-role="content"> 
     <ul data-role="listview" data-inset="true"> 
      <li><a href="#page2">Bidushi M.S.Subbulaxmi</a></li> 
      <li><a href="#page3">Ustad Bismillah Khan</a></li> 
      <li><a href="#page4">Bharatnatyam</a></li> 
      <li><a href="#page5">Kathak</a></li> 
      <li><a href="page6">Odissi</a></li> 
      <li><a href="page7">Kathakali</a></li> 
      <li><a href="page8">Manipuri</a></li> 
     </ul>  
    </div> 
    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
    </div> 

<div data-role="page" id="page2"> 
    <div data-role="header"> 
     <h1>M.S.Subhalaxmi</h1> 
    </div> 
    <div data-role="content"> 

    <video width="420" height="340" controls> 

    <source src="Subhalaxmi.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="Subhalaxmi.ogv" type='video/ogg; codecs="theora, vorbis"'></video> 

    </div> 


    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
    </div> 

<div data-role="page" id="page3"> 
    <div data-role="header"> 
     <h1>Ustad Bismillah Khan</h1> 
    </div> 
    <div data-role="content"> 

    <video width="420" height="340" controls> 
    <video src="Bismilla Khan.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="Bismilla Khan.ogv" type='video/ogg; codecs="theora, vorbis"'></video> 
    </div> 




    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
    </div> 




<div data-role="page" id="page4"> 
    <div data-role="header"> 
    <h1>Bharatnatyam</h1> 
    </div> 

    <div data-role="content"> 
    <video width="420" height="340" controls> 

    <video src="Bharatnatyam.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="Bharatnatyam.ogv" type='video/ogg; codecs="theora, vorbis"'> 

    </video> 
    </div> 
    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
    </div> 

<div data-role="page" id="page5"> 
    <div data-role="header"> 
     <div align="justify"></div> 
     <h1>Kathak</h1> 
    </div> 
    <div data-role="content"> 
     Content  
    </div> 
    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
</div> 

<div data-role="page" id="page6"> 
    <div data-role="header"> 
     <h1>Odissi</h1> 
    </div> 
    <div data-role="content"> 
     Content  
    </div> 
    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
</div> 

<div data-role="page" id="page7"> 
    <div data-role="header"> 
     <h1>Kathakali</h1> 
    </div> 
    <div data-role="content"> 
     Content  
    </div> 
    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
</div> 


<div data-role="page" id="page8"> 
    <div data-role="header"> 
     <h1>Manipuri</h1> 
    </div> 
    <div data-role="content"> 
     Content  
    </div> 
    <div data-role="footer"> 
     <h4>Page Footer</h4> 
    </div> 
</div> 

</body> 
</html> 

除了在"page2"沒有其他視頻播放視頻。在"page3""page4"上只能看到控件。所有的視頻文件都在同一個文件夾中。視頻不顯示

我哪裏錯了? Plz的幫助。

回答

0

你有2次相同的錯誤。

<**video** src="Bharatnatyam.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
<source src="Bharatnatyam.ogv" type='video/ogg; codecs="theora, vorbis"'> 

</video> 

應該

<**source** src="Bharatnatyam.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
<source src="Bharatnatyam.ogv" type='video/ogg; codecs="theora, vorbis"'> 

</video> 

另外3頁 上(如果沒有 '**' 的過程)

+0

非常感謝。我錯過了它! –

+0

現在我已經使用相同的源代碼在eclipse中製作了一個apk。安裝在我的android手機(Galaxy Note II)上。帶有所有控件加載的視頻窗口,包括播放按鈕,但視頻不播放。我看到的只是一個黑屏。操作系統本身或其他問題? –

+0

不同的設備支持不同的編解碼器,它可能是一個設備或特定於OS的問題,也嘗試在其他設備上進行測試。 –