Question

<!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帮助。

Answer 1

你有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页。（当然没有'**'）

视频没有显示

1 个答案: