Use JS code to adapt the player code of computer and mobile phone

With the rise of html5, many websites are designed with html5 code to make websites beautiful and grand. However, html5 code can only be displayed by browsers that support html5. Now a large number of people still use old IE browsers, especially all enterprise customers. Their websites must also be compatible with the old version of IE browsers; Take the player for example. There are many good looking players on the Internet Html5 Player , works well under the html5 browser, but does not support the old IE browser. In this case, the best way is to use the flash player on the computer side instead, and use the native html5 music video tag on the mobile side to play, which saves time and effort and does not need to worry about the display effect of each browser, The following is a piece of JS code to adapt the computer side and mobile phone side to different players.

 Add the following code before</head>: <script src=" http://apps.bdimg.com/libs/ jquery /1.7.1/jquery.min.js" type="text/ javascript "></script> <script type="text/javascript"> $(document).ready(function(){ $(".playbox").each(function() { var playsrc = $(this).attr('data-u'); var playwidth = $(this).attr('data-w'); var playheight = $(this).attr('data-h'); if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i))) {  $(this).html('<video width="'+playwidth+'" height="'+playheight+'" src="'+playsrc+'" controls></video>'); }else{ $(this).html('<embed wmode="transparent" width="'+playwidth+'" height="'+playheight+'" src=" https://lanye.org/demo/Lyplayer.swf?path= '+playsrc+'&type=flv&fullscreen=true&autoplay=false&backcolor=99ff33&amp; frontcolor=ffffff" type="application/x-shockwave-flash" quality="high" allowfullscreen="true">');   } }) }) </script> Add the following code to the content: data-u is the music video address, data-w is the player width, and data-h is the player height. <div class="playbox" data-u="music or video address" data-w="width" data-h="height"></div>