js解析各大視頻代碼（視頻解析js腳本）

本文目錄一覽：

• 1、怎麼查尋網頁上視頻的源代碼
• 2、js如何解析url
• 3、高手，用javascript代碼調用一個本地視頻，讓這個視頻在網頁中全屏播放，如何寫代碼啊
• 4、求一個js代碼，有一個視頻文件，怎樣用一個按鈕使一個視頻可以不停的變大或變小，代碼詳情附圖一張，
• 5、javascript視頻切換代碼（html）

怎麼查尋網頁上視頻的源代碼

一、工具：電腦

二、操作步驟：

【1】把視頻或者內容用瀏覽器打開，各種瀏覽器都可以。

【2】然後，在空白處右鍵 查看源代碼。

【3】這裡很多人不知道的工具（內頁查找ctrl F或者在瀏覽器的工具里有這個選項）。

【4】根據不同的內容，比如是個騰訊視頻，那麼輸入v.qq就可以查到其視頻的代碼了。

【5】這樣就可以把視頻的網址截取出來（一般以amp結尾都可以了）。

js如何解析url

你要解析出什麼東西？

反正所有的東西都在window.location 對象裡面：

location.host 返回主機和端口號

location.hostname 返回 web 主機的域名

location.pathname 返回當前頁面的路徑和文件名

location.port 返回 web 主機的端口 （80 或 443）

location.protocol 返回所使用的 web 協議（http:// 或 https://）

location.hash  返回錨（#後面）

location.href 返回完整的url

location.search 返回參數部分（?後面）

其他的東西比如獲取參數值什麼的用正則就行了，一個方法搞定：

window.getParam = function (name) {

    var reg = new RegExp(“(^|)” + name + “=([^]*)(|$)”);

    var r = window.location.search.substring(1).match(reg);

    return r ? decodeURI(r[2]) : null;

};

高手，用javascript代碼調用一個本地視頻，讓這個視頻在網頁中全屏播放，如何寫代碼啊

使用這個，注意路徑中不要使用中文

object id=”player” classid=”CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6″ style=”width: 682px; height: 371px”

param NAME=”AutoStart” VALUE=”-1″

!–是否自動播放–

param NAME=”Balance” VALUE=”0″

!–調整左右聲道平衡,同上面舊播放器代碼–

param name=”enabled” value=”-1″

!–播放器是否可人為控制–

param NAME=”EnableContextMenu” VALUE=”-1″

!–是否啟用上下文菜單–

param NAME=”url” VALUE=”D:\aa.flv”

!–播放的文件地址–

param NAME=”PlayCount” VALUE=”1

!–播放次數控制,為整數–

param name=”rate” value=”1″

!–播放速率控制,1為正常,允許小數,1.0-2.0–

param name=”currentPosition” value=”0″

!–控件設置:當前位置–

param name=”currentMarker” value=”0″

!–控件設置:當前標記–

param name=”defaultFrame” value=””

!–顯示默認框架–

param name=”invokeURLs” value=”0″

!–腳本命令設置:是否調用URL–

param name=”baseURL” value=””

!–腳本命令設置:被調用的URL–

param name=”stretchToFit” value=”0″

!–是否按比例伸展–

param name=”volume” value=”50″

!–默認聲音大小0%-100%,50則為50%–

param name=”mute” value=”0″

!–是否靜音–

param name=”uiMode” value=”Full”

!–播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示–

param name=”windowlessVideo” value=”0″

!–如果是0可以允許全屏,否則只能在窗口中查看–

param name=”fullScreen” value=”0″

!–開始播放是否自動全屏–

param name=”enableErrorDialogs” value=”-1″

!–是否啟用錯誤提示報告–

param name=”SAMIStyle” value

!–SAMI樣式–

param name=”SAMILang” value

!–SAMI語言–

param name=”SAMIFilename” value

!–字幕ID–

/object

求一個js代碼，有一個視頻文件，怎樣用一個按鈕使一個視頻可以不停的變大或變小，代碼詳情附圖一張，

在 JS 中動態添加事件

在 JS 中動態添加事件，涉及到瀏覽器兼容性問題。結合我的實踐經驗以及從網上收集的一些資料，特整理在此，希望有點用。

方法一、setAttribute

var obj = document.getElementById(“obj”);

obj.setAttribute(“onclick”, “JavaScript:alert(‘測試’);”);

這裡利用 setAttribute 指定 onclick 屬性， 但是：用 setAttribute 設置 style、onclick、onmouseover 這些屬性在 IE 中是行不通的。但是某些屬性可以，以下是通過測試的一個例子:

如果你知道某個控件如select控件的name，但是這個控件並沒有設置id屬性，這時候在IE下測試發現如果僅僅通過控件的name是無法給它動態添加屬性和事件的，因為W3C是允許name屬性重複的。

function test(){

//通過tag，獲得所有tagName為select的控件，返回的是一個select集合

var obj=document.getElementByTagName(“select”);

//通過obj.length獲得select集合的個數，在挨個匹配name

for(var i=0;iobj.length;i++){

//找到name為part的select控件

if(obj[i].name==’part’){

obj[i].setAttribute(“id”,”myid”);//為name為part的select控件設置id為myid

obj[i].setAttribute(“onchange”,myfunc); //為該控件設置onchange事件，即調用myfunc函數

}

}

}

function myfunc(){

alert(“test ok!”);

}

方法二、用 attachEvent 和 addEventListener

IE支持attachEvent

obj.attachEvent(“onclick”, Foo);

function Foo()

{

alert(“測試”);

}

也可寫在一起

obj.attachEvent(“onclick”, function(){alert(“測試”);});

其它瀏覽器支持 addEventListener

obj.addEventListener(“click”, Foo, false);

function Foo()

{

alert(“測試”);

}

同樣也可寫在一起

obj.addEventListener(“click”, function(){alert(“測試”);}, false);

注意 attachEvent 的事件帶 on，如 onclick，而 addEventListener 不帶 on，如 click。

順便說一下 addEventListener 的第三個參數（雖然很少用） useCapture – 如果為 true，則 useCapture

指示用戶希望啟動捕獲。啟動捕獲後，所有指定類型的事件將在被指派到樹中其下面的任何 EventTargets 之前指派給已註冊的

EventListener。正在通過樹向上 bubbling 的事件將不觸髮指定的使用捕獲的 EventListener。

綜合應用

var obj = document.getElementById(“obj”);

if(window.addEventListener){

//其它瀏覽器的事件代碼: Mozilla, Netscape, Firefox

//添加的事件的順序即執行順序

obj.addEventListener(‘click’, alert(‘test1’), false);

obj.addEventListener(‘click’, alert(‘test2’), false);

} else {

//IE 的事件代碼

obj.attachEvent(‘onclick’, function(){alert(‘test3’);});

obj.attachEvent(‘onclick’, function(){alert(‘test4’);});

}

方法三、事件 = 函數

例：obj.onclick = Foo;

這在多個瀏覽器中均支持，這是屬於舊的規範（方法二屬於 DOM2 的規範），不過由於使用方便，用的場合也比較多。

轉載：getElementsByName和getElementByID

原文地址：

以前經常使用document.getElementByID取得html裡面ID標記的屬性，昨天想當然使用

document.getElementByName（注意沒有s），來獲取name標記的屬性，結果發現瀏覽器報錯。查了查資料，才發現沒有這個函數，

應該是getElementsByName。和document.getElementByID不同的是，前者返回的是一個name和ID的集合，因為

W3C是允許name屬性重複的，也就是html標記可以使用同一個name名字，而後者返回了ID的第一個元素。所以

document.getElementsByName的使用方法往往是document.getElementsByName(“***”)[0],

[1]等。document.getElementsByTagName, document.formName.elements

這類方法所得到的結果也都是集合。

input type=checkbox value=22

input type=checkbox value=11

script language=”javascript”

var arr = document.getElementsByTagName(“input”); //取得所有input,返回就是數組.

alert(arr[0].value); //取第一個input的值.

/script

再給個例子：

一個Table中有7，8個tr，我需要動態的將其中4，5個tr

display=none/block。但是我又不想給每個tr都定義一個id，所以我想到了給這4，5個tr一個共同的name然後用

getElementsByName來返回一個數組，這樣用循環操作每一個tr方便點，可是後來發現ie不支持。

如果只是 hide/show 操作的話，可以設一個獨立 stylesheet，把同一 classname 的 object 設為

display:none。之後便可以透過改變這個 stylesheet 的 disabled property 改變屬於這 classname 的

object 的 show/hide 狀況。

html

head

titletest/title

/head

body

style id=”abc-style”

.abc {display: none}

/style

h1 class=’abc’test/h1

script

function toggle() {

var style = document.getElementById(‘abc-style’);

style.disabled = !style.disabled;

}

/script

P onclick=”toggle()”click me /p

/body

/html

延伸思考：

比如說，你想得到所有class屬性是”abc”的tr，用這個就可以了：

代碼:

alltr = document.evaluate(“//tr[@class=’abc’]”, document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);

for (var i = 0; i alltr.snapshotLength; i++) {

tr = alltr.snapshotItem(i);

// do something with tr

}

該文章轉載自網絡大本營：

、、============================================

最簡單的是這樣：

input type=”button” onclick=”alert(this.value)” value=”我是 button” /

動態添加onclick事件：

input type=”button” value=”我是 button” id=”bu”

script type=”text/javascript”

var bObj=document.getElementById(“bu”);

bObj.onclick= objclick;

function objclick(){alert(this.value)};

/script

如果使用匿名函數 function(){}，則如下面所示：

input type=”button” value=”我是 button” id=”bu”

script type=”text/javascript”

var bObj=document.getElementById(“bu”);

bObj.onclick=function(){alert(this.value)};

/script

上面的方法其實原理都一樣，都是定義 onclick 屬性的值。值得注意的是，如果多次定義

obj.onclick，例如：obj.onclick=method1; obj.onclick=method2;

obj.onclick=method3，那麼只有最後一次的定義obj.onclick=method3才生效，前兩次的定義都給最後一次的覆蓋掉

了。

再看 IE 中的 attachEvent：

input type=”button” value=”我是拉登” id=”bu”

script type=”text/javascript”

var bObj = document.getElementById(“bu”);

bObj.attachEvent(“onclick”,method1);

bObj.attachEvent(“onclick”,method2);

bObj.attachEvent(“onclick”,method3);

function method1(){alert(“第一個alert”)}

function method2(){alert(“第二個alert”)}

function method3(){alert(“第三個alert”)}

/script

執行順序是 method3 method2 method1 ，先進後出，與堆棧中的變量相似。需要注意的是attachEvent 中第一個參數是on開頭的，可以是 onclick/onmouseover/onfocus 等等

據說(未經確認驗證)在 IE 中使用 attachEvent 後最好再使用 detachEvent 來釋放內存

再看看 Firefox 中的的 addEventListener：

input type=”button” value=”我是布什” id=”bu”

script type=”text/javascript”

var bObj = document.getElementById(“bu”);

bObj.addEventListener(“click”,method1,false);

bObj.addEventListener(“click”,method2,false);

bObj.addEventListener(“click”,method3,false);

function method1(){alert(“第一個alert”)}

function method2(){alert(“第二個alert”)}

function method3(){alert(“第三個alert”)}

/script

可以看到，在 ff 中的執行順序是 method1 method2 method3 ， 剛好與 IE

相反，先進先出。需要注意的是 addEventListener 有三個參數，第一個是不帶“on”的事件名稱，如

click/mouseover/focus等。

javascript視頻切換代碼（html）

script language=’javascript’

function play(url) {

var player_box = document.getElementById(‘player_box’);

player_box.innerHTML = “embd href=”+url+”/embd”;

}

/script

MV的鏈接

a href=’javascript:play(“/path/to/the/mv.wmv”);’MV 1/a

表格中包含播放器的單元格

table

tr

td id=’player_box’/td

/tr

/table