cari

Rumah  >  Artikel  >  hujung hadapan web  >  js untuk melaksanakan pemuatan tertunda kemahiran Flash_javascript

js untuk melaksanakan pemuatan tertunda kemahiran Flash_javascript

WBOY
WBOYasal
2016-05-16 15:29:361395semak imbas

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>

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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bercakap tentang masalah yang disebabkan oleh menggunakan operasi tugasan berturut-turut dalam kemahiran javascript_javascriptArtikel seterusnya：Bercakap tentang masalah yang disebabkan oleh menggunakan operasi tugasan berturut-turut dalam kemahiran javascript_javascript

Artikel berkaitan

Lihat lagi