使用Chrome播放本地SWF文件
两个版本, 一个是选择文件, 一个是直接拖拽。 当然也有合并到一起的办法, 参考这里。直接将下列文件放到和flash同一目录然后用浏览器打开并将swf上传或者拖拽到改网页即可。
点击上传版
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<!DOCTYPE> <html> <head> <title>SWF player</title> </head> <style> #container{ display: flex; min-height:100%; flex-direction:column; align-items:stretch; } #file { padding-bottom: 1em; border-bottom: double 6px #ccc; margin-bottom: 1em; } #file input { font-size: 30px; } </style> <body> <div id="container"> <div id="file"> <input type="file" id="swfinput" onchange="showSWF(this.files);"> </div> <div class="swf"> <object> <embed id="swfobj" src="" width="100%"> </object> </div> </div> </body> <script> function showSWF(files){ var numFiles=files.length; for (var i=0; i<numFiles; i++){ var file=files[i]; //console.log(file.name, file.size, file.type); var source=file.name; var swfobj=document.getElementById("swfobj"); var inputh=document.getElementById("file").offsetHeight; var containerh=document.getElementById("container").offsetHeight; var swfh=containerh-inputh; var clone=swfobj.cloneNode(true); clone.setAttribute('src', source); clone.setAttribute('height', swfh); swfobj.parentNode.replaceChild(clone, swfobj); //console.log(swfh, containerh); } } </script> </html> |
拖拽版
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
<!DOCTYPE> <html> <head> <title>SWF player</title> </head> <style> #container{ display: flex; min-height:100%; flex-direction:column; align-items:stretch; } #file { padding-bottom: 1em; border-bottom: double 6px #ccc; margin-bottom: 1em; height:45px; text-align: center; line-height: 45px; background: #eef; border: dashed 3px #eec; } #file input { font-size: 30px; } </style> <body> <div id="container"> <div id="file"> Drag file to here... </div> <div class="swf"> <object> <embed id="swfobj" src="" width="100%"> </object> </div> </div> </body> <script> var dropbox; dropbox = document.getElementById("file"); dropbox.addEventListener("dragenter", dragenter, false); dropbox.addEventListener("dragover", dragover, false); dropbox.addEventListener("drop", showSWF, false); function dragenter(e){ e.stopPropagation(); e.preventDefault(); } function dragover(e){ e.stopPropagation(); e.preventDefault(); } function showSWF(e){ e.stopPropagation(); e.preventDefault(); var dt=e.dataTransfer; var files=dt.files; var numFiles=files.length; for (var i=0; i<numFiles; i++){ var file=files[i]; console.log(file.name, file.size, file.type); var source=file.name; var swfobj=document.getElementById("swfobj"); var inputh=document.getElementById("file").offsetHeight; var containerh=document.getElementById("container").offsetHeight; var swfh=containerh-inputh; var clone=swfobj.cloneNode(true); clone.setAttribute('src', source); clone.setAttribute('height', swfh); swfobj.parentNode.replaceChild(clone, swfobj); //console.log(swfh, containerh); } } </script> </html> |
发表回复