js網頁mp4播放器代碼是什麼,網頁視頻播放器代碼

本文目錄一覽：

• 1、跪求這種JW網頁播放器的代碼或教程？
• 2、網頁播放器代碼怎麼寫？
• 3、Node.js的頁面代碼.ejs中怎麼才能播放mp4文件
• 4、各位大神 請教一下html的CSS如何讀取本地mp4文件添加到頁面 代碼怎麼寫
• 5、網頁中視頻自動播放的代碼
• 6、能用的網頁flash播放器代碼，主要是用來播放MP4的，50分

跪求這種JW網頁播放器的代碼或教程？

給你個3.12版本的！

這篇文檔包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安裝方法和配置方

法

JW PLAYERS 3.12 文檔

1，安裝 （在你的站點裡嵌入）

2，參數 （配置）

基本參數

顏色參數

界面參數

播放參數

互動參數

3，播放列表

4，自定義

5，支持

快速配置，可運行配置嚮導

1，安裝

下載後，你可以得到一個例子，當用文本或HTML編輯器打開的時候，你可以發現swf是用一段短小的

javascript嵌入到頁面上的。這個Javascript是Geoff Stearns寫的swfobject.js，它解決了Flash需要激

活的麻煩。當複製swf到你的站點的時候，不要忘記了把swfobject.js一同複製過去。並且在頁面中的

Head中加入下面代碼

程序代碼

script type=”text/javascript” src=”swfobject.js”/script

在swfobject.js的幫助下你可以方便的設置swf的路徑，寬度，高度，背景顏色和所需要的Flash播放器的版本，也可以通過它設置一組參數來配置swf。當頁面載入的時候，javascript會根據id來替換頁面中的節點。

程序代碼

p id=”player”a href=””Get Flash/a to see this player./p

script type=”text/javascript”

var so = new SWFObject(‘mediaplayer.swf’,’player’,’400′,’400′,’7′);

so.addParam(“allowfullscreen”,”true”);

so.addVariable(“file”,”test.flv”);

so.addVariable(“displayheight”,”300″);

so.write(‘player’);

/script

在你不能使用javascript的情況下（比如你的bsp不支持，如myspace），你可以使用”embed”的方式來插入swf。

需要注意的是 swf可以不在該伺服器上，但是如果你需要用xml的播放列表可能會有問題，因為xml必須和swf在同一個伺服器上，否則會因為安全問題被組織。mp3，jpg，flv可以不在該伺服器上。

程序代碼

embed src=”” width=”400″ height=”400″

type=”application/x-shockwave-flash” pluginspage=””

flashvars=”file=;displayheight=300″ /

2，參數

這些參數可以配置被嵌入到html中的播放器的行為和外觀。如果使用swfobject.js，可以用addVariable()方法來配置，如果使用的embed方式，可以通過定義”flashvars”屬性來配置變數，注意用””符號分割這些變數。

被*號標註的同樣適用於 JW Image Rotator

基本變數

displayheight(number）：顯示區域的高度.控制區域最小高度是20px，當該值大於或等於swf的高度時，播放列表會自動隱藏，否這會顯示。

file*(url）：要播放文件的地址。 支持單文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF)，也支持播放列表。JW Image Rotator只支持列表

height*(number）：設置swf的高度，當使用embed方式插入的時候，在embed的屬性里已經設置了。但是有時候（特別是使用IE的時候）高度會變的不確定，影響了布局，這時候需要通過該參數設置下，該值的單位是px

image(url）:當你播放mp3，flv的時候，你可以通過該值設置一個預覽圖作為專輯封面，支持 JPG/SWF/PNG/GIF file. 你也可以在播放列表中對每一項進行設置。

shownavigation*（true,false):該參數僅被JW Image Rotator支持。用來顯示或隱藏圖片導航。

transition* (fade,bgfade,blocks,bubbles,circles,fluids,lines,random,slowfade): 該參數僅被JW Image Rotator支持。用來設置圖片替換的效果。 設置為”random” 將隨機的設置效果.默認值為 “fade”.

width*(number):設置swf的寬度，其他同height；

顏色變數

backcolor*(color):設置播放器的背景顏色。JW Media Player等默認為 0xFFFFFF (白色) JW Image Rotator默認為 0x000000 (黑色).

fontcolor*(color):設置文字和按鈕的顏色。JW Media Player等默認為 0x000000 (黑色) JW Image Rotator默認為 0xFFFFFF (白色).

lightcolor*(color):設置被被激活狀態的顏色。JW Media Player等默認為 0x000000 (黑色) JW Image Rotator默認為 0xCC0000 (紅色).

界面參數

autoscroll(true,false):當播放列表過長的時候，默認會自動顯示滾動條。當該值設置為』true』的時候，會自動根據滑鼠滾動播放列表。

displaywidth(number of pixes):設置顯示區域的寬度，當設置的比較小的時候，播放列表會顯示在顯示區域的右側而不是底部。

kenburns* (true,false): 用以實現在運動的時候實現kb效果（Ken Burns effect），注意，當圖比較大，而且網速比較快的時候，建議打開，否則關閉。建議設置transition為”slowfade”來配合。

largecontrols (true,false): 設置該值為true用來放大控制區域的按鈕。建議為視力不好的用戶打開

logo* (url): 設置一個圖片用來作為右上角的水印，支持所有圖片格式，支持通明圖層的png效果最佳。

overstretch* (true,false,fit,none): 設置圖片/影片在顯示區域的縮放。”true”等比例拉伸用來符合顯示區域。”false”僅拉伸合顯示區域。”fit”全屏顯示。”none”顯示原始大小。JW Media Player等默認為”fit”,JW Image Rotator默認為”false”

showdigits (true,false,total): 設置為”false”隱藏播放時間等信息用來節省控制區域的空間。設置為”total”用來顯示全部時間。

showdownload (true,false):設置該值用來在控制區域顯示下載按鈕。鏈接到link所設置的地址。

showeq (true,false): 用來顯示一個假的音頻波動效果。當播放mp3的時候打設置該值可以得到很好的效果

showicons* (true,false): 用來顯示或者隱藏顯示區域中間的圖片，JW Media Player等默認為true。JW Image Rotator默認為false；

showvolume (true,false): 用來設置是否顯示音量控制按鈕

thumbsinplaylist (true,false): 設置列表中是否顯示預覽圖

播放參數

autostart (true,false,muted): 設置為ture，頁面載入完後會自動播放。設置為muted，會在靜音模式下自動播放，並且顯示區域中間有靜音圖標。bufferlength (number): 設置flv的緩存時間。默認為3秒

repeat* (true,false,list): 默認為flase，從當前播放位置播放到列表尾部後停止。設置為list會播放列表中所有的項目，設置為true會循環播放。

rotatetime* (number): 設置圖片的顯示時間。JW Media Player等默認為10秒,JW Image Rotator默認為5秒

shuffle* (true,false): 設置為false順序播放，設置為true無序播

smoothing (true,false): 設置為false關閉視頻平滑處理，推薦設置true用以得到更好效果。但對於大屏幕或者配置低的機器設置false是有好處的

start* (second): 在使用RTMP 或 HTTP 流媒體的時候（非常規的flv/mp3)，使用該變數準確的定位開始位置。該參數設置在XSPE格式的列表中以便准且的設置文件的章節。

volume* (number): 設置音量，默認為80.

互動參數

audio* (url):用這個參數來添加一個mp3文件作為單獨的音頻，可以作為圖片的背景音樂解說等。

bwfile (url):用以帶寬檢測的文件的地址，可以放一個圖片，或者rtmp流媒體。可以在右鍵菜單中查看到貸款數值。

bwstreams (comma-separated list of bitrates):

和bwfile配合使用，根據帶寬值來選擇不同的文件。如：你要播放video.flv並且設置該項的值為100,250,500,1000,當播放器發現帶寬為349kbps的時候，將會播放video_250.flv。所以他有一套有效的命名設置，他將會自動切換，哪怕是在採用播放列表的情況下。

callback (url):設置這個參數為服務端程序（php/asp)地址用來回傳數據。在每個項播放和停止的時候會發送數據到伺服器，以便在伺服器端保存播放統計。

captions (url): 設置該值用以載入一個文本格式的文本作為字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。如果你的flv文件內置字體你可以設置該值為”captionate”.如果你有多頻道字幕，可以設置這個值為”captionate0″, “captionate3″等。可以在列表中設置每一個項的值。

enablejs* (true,false): 設置為true打開對javascript的支持。僅支持在線使用。javascript可以控制播放，載入媒體，獲得當前播放項的詳盡信息。

fsbuttonlink (url):如果用戶的flashplayer版本高於（9.0.28）播放器會自動的顯示一個全屏按鈕。通過設置該值，你可以鏈接到另外的頁面用以全屏顯示。服務端程可以設定將要播放的文件。

id (string): 播放器的唯一標識。將會被回傳到伺服器端。

javascriptid* (string):如果你的頁面上有多個播放器，你可以設置這個參數給每個播放器不同的id，這樣就可以方便的用javascript來控制。他將回傳到getUpdate（）事件中。

link (url): 通過這個參數用來設置一個可現在的版本，或者強制用戶通過該地址下載當前項。可以在播放列表中為每一項設置該值。

linkfromdisplay* (true,false):設置顯示區域被點擊時要訪問的頁面。默認點擊顯示區域時會進行播放/暫停操作。

linktarget* (frame): 設置鏈接目標，”_self”在當前頁打開。”_blank”在新頁面中打開。

streamscript (url):設置這個參數為了兼容『偽流媒體』FLV文件。

type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器會根據文件名的最後三個字元來判斷類型。在你使用伺服器端語言進行重定向時，這種方法將不會再有效。所以你可以設置這個參數來告訴播放器文件類型。你也可以在播放列表中對每一項進行設置。如果播放器找不到文件類型將會被識別為播放列表。

useaudio (true,false): 設置為false用來改變為靜音狀態。

usecaptions (true,false):設置為false隱藏字幕.

usefullscreen (true,false):如果你不希望用flashplayer9的全屏模式。可以設置”fsbuttonlink”參數用來替換全屏按鈕的事件。

usekeys (true,false): 設置為”false”用來取消鍵盤操作(SPACE,UP,DOWN,LEFT,RIGHT)

注意：你必須對?=進行字元轉移。? → %3F, = → %3D, → %26. 你的”file” 變數為getplaylist.php?id=123的時候必須設置為 getplaylist.php%3Fid%3D123.

網頁播放器代碼怎麼寫？

!DOCTYPE html

html

body

div style=”text-align: center;”

button onclick=”playPause()”播放/暫停/button

button onclick=”makeBig()”大/button

button onclick=”makeNormal()”中/button

button onclick=”makeSmall()”小/button

br /

video id=”video1″ width=”420″ style=”margin-top: 15xp;” controls=”controls”

source src=”/mov_bbb.mp4″ type=”video/mp4″ /

/video

/div

script type=”text/javascript”

var myVideo = document.getElementById(“video1”);

function playPause() {

if (myVideo.paused) {

myVideo.play();

} else

myVideo.pause();

}

function makeBig(){

myVideo.width=650;

}

function makeSmall()

{

myVideo.width=320;

}

function makeNormal()

{

myVideo.width=420;

}

/script

/body

/html

這個應該能用上，改成你需要的用用吧

效果是這樣的

希望可以幫到你

Node.js的頁面代碼.ejs中怎麼才能播放mp4文件

一步步調試，一步步排錯，居然是由於redis引起。具體是由操作redis的set方法時，value不能為空或者undefined（set value must not be undefined or null）。賦一個非空非undefined值之後，問題解決。

各位大神 請教一下html的CSS如何讀取本地mp4文件添加到頁面 代碼怎麼寫

video src=””/video 的src裡面直接路徑不就行了嗎 如果開了伺服器 就加上IP和埠再加路徑就行啦. 這個標籤是 html5的哦

網頁中視頻自動播放的代碼

HTML5中的video和audio標籤中有一個autoplay屬性,添加這個屬性後就會在文件載入完成以後自動播放。具體代碼如下: video: audio。

構成

文字與圖片是構成一個網頁的兩個最基本的。

元素。你可以簡單地理解為：文字，就是網頁的內容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊滑鼠右鍵，選擇菜單中的 「查看源文件」 ，就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大小），而瀏覽器則對這些標記進行解釋並生成頁面。

於是就得到你現在所看到的畫面。 為什麼在源文件看不到任何圖片？ 網頁文件中存放的只是圖片的鏈接位置，而圖片文件與網頁文件是互相獨立存放的，甚至可以不在同一台計算機上。

網頁通常有以下元素：

文字資料圖像檔案Applet（在頁面內執行的副程式）超鏈結網頁的合成體為網站，一個網站的開始點為首頁。

記錄功能

當你每次上網時，都會在歷史記錄里留下記錄，並且被保存在瀏覽器的緩存文件夾里，刪除時只要右鍵刪除就可以了。

以上內容參考：百度百科-網頁

能用的網頁flash播放器代碼，主要是用來播放MP4的，50分

1、flash播放器不能直接播放MP4 2、需要將MP4文件轉為為flv或f4v格式 3、實現swf載入flv格式，編寫控制的播放、暫停等功能