<div class="codetitle"> <span><a style="CURSOR: pointer" data="77109" class="copybut" id="copybut77109" onclick="doCopy('code77109')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code77109"> <br><!DOCTYPE html> <br><html xmlns=" http://www.w3.org/1999/xhtml"> <br><head><BR><meta http-equiv="Content-Type" content="text/html; charset= utf-8 " /> <br><title></title> <br></head> <br><body> <br><br><div id="divVideo"> </ div> <br><br>//js のレベルが限られているため、気に入らない場合は文句を言わず、何でもないものとして扱います。ビデオは html5 の新しいコントロールです。 <br><br><script type=" text/javascript"> <br><br>//mp4 は、iOS と Android で一般的にサポートされている形式です。<br>function playVideo(opt) { <br> if (typeof (opt) == "未定義") { <br>alert("必要なパラメータを渡してください!"); <br>return; <br>if (typeof (opt.elemt) = = "未定義") { <br>alert("挿入するプレーヤー オブジェクトを指定してください! "); <br>return; <br>} <br>if (typeof (opt.src) == "未定義") { <br>alert("ビデオを再生するパスを指定してください!" ); <br>return; <br>} <br>var _this = this; // オブジェクトプレーヤーによって挿入される <br>_this.src = opt.src; / /ビデオ URL (必須) <br>_this.width = opt.width > 0 //幅 (デフォルト 100%) <br>_this.height = opt .height > 0 ? opt.height "px" : "100%"; // 高さ (デフォルト 100%) <br>_this.autoplay = opt; .autoplay == "true" ? "autoplay" : ""; / /自動再生 (true は自動再生を意味します) <br>_this.poster = opt.poster; //ビデオ カバー、再生中のカバー画像 <br>_this. preload = opt.preload == "true" ? "preload" : ""; //プリロード (true の場合ロードを開始) <br>_this.loop = opt.loop == "loop" ? //ループ再生 (true の場合はループ再生) <br>var str = "<video id='playVideo' コントロール " //設定された属性の値に従って、ビデオ コントロールを綴ります<BR> str = " width ='" _this.width "' height='" _this.height "' " _this.autoplay " " _this.preload " " _this.loop " "; <BR>if (typeof (_this.poster) != "未定義" ) { <BR>str = "poster='" _this.poster "' >"; <br>} else { <br>str = " > "; <br>str = " <source src='" _this.src "' />gt;"; <BR> str = "</video>"; <BR>this.elemt.innerHTML = str; //挿入するオブジェクトに str を入れる <BR>} <BR>playVideo({ <BR>//すべてのパラメータ、elemt および src が必須です。その他の要件は要件によって異なります<BR>//elemt は再生コントロールに挿入されるコンテナー、src はビデオ ファイルですアドレス、preload はプリロード中、自動再生はページが入力されると自動的に再生されます<BR>//poster は再生前にマスクされた画像です、loop は再生をループするかどうかを示します、幅と高さのデフォルトは 100% <BR>elemt: document.getElementById ("divVideo")、<BR>src: "3.mp4"、<BR>プリロード: " true"、<BR>自動再生: "true"、<BR>ポスター: ""、<BR>ループ: "true ", <BR>width: "", <BR>高さ:"" <BR>}); <BR></script> <br></body> <br></html> <br> <br> </div>