LK.WXAD.Web/Wx/c/js8.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <link rel="stylesheet" href="../style/weui.css"/>
  <link rel="stylesheet" href="../style/weui2.css"/>
  <link rel="stylesheet" href="../style/weui3.css"/>
      <script src="../zepto.min.js"></script>
  <link rel="stylesheet" href="../video.css"/>
      <script src="../video.js"></script>        

</head>

<body ontouchstart class="page-bg">

<div class="page-hd">
        <h1 class="page-hd-title">
            音频,视频,插件播放方式
        </h1>
        <p class="page-hd-desc">ios和微信客户端内自动播放音频需采用Jsdk,其余都不能自动;视频播放需加载video.css和video.js</p>
    </div>
<div class="zy_media">
    <video poster="http://7xr193.com1.z0.glb.clouddn.com/test.jpg" data-config='{"mediaTitle": "《疯狂动物城》--来自Yoby七牛视频"}' webkit-playsinline>
        <source src="http://7xr193.com1.z0.glb.clouddn.com/test.mp4" type="video/mp4" >
        您的浏览器不支持HTML5视频
    </video>
</div> 
<div class="weui_cells_title">页面播放</div>
<div class="zy_media">
    <audio data-config='' src="http://7xr193.com1.z0.glb.clouddn.com/test.mp3" preload="meta"  id='audio'>
        您的浏览器不支持HTML5音频
    </audio>
</div>
<div class="weui_cells_title">音频播放方式四,需加载vedio.js</div>

<script>
    function audioplay(id){
    var audio = document.getElementById(id);
   !audio.paused?audio.pause():audio.play();

    
    document.addEventListener("WeixinJSBridgeReady", function () {
          !audio.paused?audio.pause():audio.play();
    }, false); 
}
    
    $(function(){
    zymedia('video',{});
    zymedia('audio',{autoplay:true,preload:'metadata'});
    audioplay('audio');
    })
    

</script>   
	  
<pre>
    type: ''
    指定媒体类型，默认空