js untuk melaksanakan pemuatan tertunda kemahiran Flash

js untuk melaksanakan pemuatan tertunda kemahiran Flash_javascript

WBOY

Lepaskan： 2016-05-16 15:29:36

asal

1398 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara melaksanakan pemuatan tertunda Flash dalam js. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Apabila halaman mengandungi pemain denyar yang memainkan video secara automatik, pemain media penstriman denyar akan terus memuat turun video (walaupun anda mengklik main jeda/berhenti, ia akan terus memuat turun), yang akan menjejaskan Pemuatan halaman unsur lain.

Kaedah pengoptimuman yang paling mudah adalah untuk menghalang Flash daripada dimainkan pada permulaan: sudah tentu, anda boleh mengubah suai fail sumber fla supaya main balik video dijeda pada permulaan sehingga pengguna mengklik butang main. Tetapi masalahnya ialah jika anda membenamkan animasi kilat tanpa fail sumber, pendekatan ini tidak akan berfungsi.

Pemikiran:

Anda boleh meletakkan gambar kecil dahulu di tempat denyar diletakkan, klik pada gambar dan kemudian gantikan elemen gambar dengan tag objek yang sepadan.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>swf占位符</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
 <script type="text/javascript">
  $().ready(function () {
   $("#rbtvs_play_pos").click(function () {
    $("#swfPos").html("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0\" width=\"226\" height=\"338\" id=\"rbtvs_player\" align=\"middle\" style=\"z-index: -999\"><param name=\"allowScriptAccess\" value=\"Always\" /><param name=\"allowFullScreen\" value=\"false\" /><param name=\"movie\" value=\"http://img.rbtvs.com/swf/rbtvs_player.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#efefef\" /><param name=\"wmode\" value=\"opaque\" /><embed src=\"http://img.rbtvs.com/swf/rbtvs_player.swf\" quality=\"high\" bgcolor=\"#efefef\" width=\"226\" height=\"338\" name=\"rbtvs_player\" align=\"middle\" allowscriptaccess=\"Always\" allowfullscreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.adobe.com/go/getflashplayer\" /></object>");
   })
  })
 </script>
</head>
<body>
  <div id="swfPos">
    <img id="rbtvs_play_pos" src="http://img.rbtvs.com/bihu001/images/rbtvs_play.gif" style="cursor:pointer" alt="点击播放视频" />
  </div>
</body>
</html>

Salin selepas log masuk

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.