2015-09-24 114 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的问题,也尝试在其他设备上进行测试。 –