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的帮助。
非常感谢。我错过了它! –
现在我已经使用相同的源代码在eclipse中制作了一个apk。安装在我的android手机(Galaxy Note II)上。带有所有控件加载的视频窗口,包括播放按钮,但视频不播放。我看到的只是一个黑屏。操作系统本身或其他问题? –
不同的设备支持不同的编解码器,它可能是一个设备或特定于OS的问题,也尝试在其他设备上进行测试。 –