一键畅听代码

行善若水

<section style="margin: 0px;">
                <p style="white-space: normal; text-align: center;"><span style="font-size: 21px;"><span>播放测试</span></span>
        </section></p><br/>

  <div id="app" >

      <!-- 1视频播放 -->
      <center1>  
        <p style="text-align: center;">
        <video id="video" class="audio" ref="video" :src="src" poster="http://baidu.cbxljt.top/xlfm/video/14.zhenhanshipin/35_sfzdjxnyk.jpg" webkit-playsinline="" style="width: 800px; max-width: 100%; height: ;" controls preload :autoplay="autoplay" @waiting="waiting()"@stalled="stalled()" @ended="ended()"></video>
      </center1>
      
      <p> <br/></p>

      <!-- 2音频播放 -->
      <center2>
        <p style="text-align: center;">
        <audio id="video" class="audio" ref="video" autoplay :src="src" width="50%" controls preload
          @waiting="waiting()" @stalled="stalled()" @ended="ended()" @timeupdate="updata()"></audio>
      </center2>

      

      <div style="text-align: center; margin: 15px 0px;">
        <i-button @click="validChange(1)">上一个</i-button>
        <i-button @click="play()">{{playBtn}}</i-button>
        <i-button @click="validChange(2)">下一个</i-button>
      </div>


      <div class="videolist">   
              <div class="videolist1">
              <ac target="_self" style="font-size: 18px;">
                <span id="1" @click="change(1,'https://video.wixstatic.com/video/f8324d_1450c65d13d5494183890c93b5ce84c6/480p/mp4/file.mp4')">1.视频测试</span>
              </ac></div>

              <div class="videolist2">
              <span class="playyd">
                <a href="forum.php?mod=viewthread&tid=" target="_self"><span>阅读</span>
                </a>
              </span>
              </div>  
              
              <div class="videolist1">
              <ac target="_self" style="font-size: 18px;">
                <span id="2" @click="change(2,'https://static.wixstatic.com/mp3/afb378_c741fd16979a471b82700bfd8b27dc9a.mp3')">2.音频测试</span>
              </ac></div>


              <div class="videolist2">
              <span class="playyd">
                <a href="forum.php?mod=viewthread&tid=" target="_self"><span>阅读</span>
                </a>
              </span>
              </div>

      </div>
  </div>