视频/音频播放器代码

弘慧

播放测试

上一个 播放 下一个

1.视频测试

阅读

1.视频测试

阅读

知行合一

<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>
<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=42274" target="_self"><span>阅读</span>
                </a>
              </span>
              </div>  
              <div class="videolist1">
              <ac target="_self" style="font-size: 18px;">
                <span id="2" @click="change(2,'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=100" target="_self"><span>阅读</span>
                </a>
              </span>
              </div>  
</div>
  </div>

知行合一

<section style="margin: 0px;">

  <div id="app" >
          <!-- 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="videolist1">
              <ac target="_self" style="font-size: 18px;">
                <span id="2" @click="change(2,'http://cbxl.fjxfofa.top/fjx/audio/1.diantaijiemu/2008/200807/wenda080817.mp3')">1.wenda20080817</span>
              </ac></div>

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




              <div class="videolist1">
              <ac target="_self" style="font-size: 18px;">
                <span id="2" @click="change(2,'http://cbxl.fjxfofa.top/fjx/audio/wxjbjjyp/wenda/2008/0817/wenda080817%2001%EF%BC%9A09.mp3')">2.家里后院动土、挖水管要念 經</span>
              </ac></div>

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


            
</div>
  </div>