⑴ 如何把多個視頻放在一個框里 點擊後就各自鏈接到視頻播放頁面
先做好分別的網頁，然後做個向導頁面，在每個小圖上設置熱區。。點擊後打開相應的頁面就可以了！
⑵ 視頻嵌入代碼怎麼弄
具體如下：
工具/原料
演示電腦：超微 X8DAL Main Server Chassis
電腦操作系統：Windows 10 專業版 64位操作系統
1、首先打開sublime編譯器，創建一個.html文件；
⑶ 如何在html頁面中嵌入視頻，不要從別的網站上連接過來，要自己寫的，最好能寫清楚代碼的作用！
<html>
<head>標題</head>
<body>
<embedsrc="123.avi">123是視頻路徑
</body>
</html>
⑷ 如何在網頁上插入視頻（用html製作）
首先下載video.js，網路一下就能找到。
只要記住：修改width="640" height="480"來改變視頻顯示大小，修改src="Wildlife.mp4"來改變要顯示的視頻。
然後打開html文件查看效果吧，它有暫停、音量控制、全屏等功能，還有好多其他功能。
⑸ html網頁怎麼插入視頻
可以用video標簽插入視頻。
1、新建html文件，在body標簽中添加video標簽，為video標簽添加「src」屬性，屬性值為視頻的位置，這時視頻就被插入到網頁中去了：
⑹ 本人jsp小白，我想在jsp頁面中嵌入視頻播放器播放視頻，但對這方面不了解，
解決方案比較多，這里列舉一二，僅供參考：
1、通過html中的<Object>和<embed>來實現。
2、html5中，可能通過<video>實現部分視頻格式文件的播放。通過<audio>實現部分音頻文件的播放。
3、藉助flash來播放某些格式的視頻文件，具體可以參考flex中視頻文件方面的內容。
4、jsp中可以通過<jsp:plugin>來完成音視頻文件的播放。
⑺ 怎麼在HTML網頁中插入視頻
向HTML中插入視頻有兩種方法，一種是古老的object標簽，一種是html5中的video標簽。
前者兼容性相對好些，後者兼容性讓人頭疼。
示例如下：
<video width="602px" height="345px" controls="controls">
<source src="public/video/test.mp4" type="video/mp4"></source>
<source src="public/video/test.ogg" type="video/ogg"></source>
your browser does not support the video tag
</video>
當前，video 元素支持三種視頻格式：
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
註：格式必須符合上面三條詳細要求，比如MPEG 4，必須是H.264視頻和AAC音頻。
(7)前端如何把多個視頻地址嵌入頁面擴展閱讀：
HTML
超文本標記語言，標准通用標記語言下的一個應用。
「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。
參考鏈接：HTML_網路
⑻ 如何在網頁中插入視頻文件
<IFRAME style="WIDTH: 592px; HEIGHT: 204px" src="包含視頻的網頁．htm" frameBorder=1 scrolling=yes></IFRAME>
在網頁插入視頻播放器代碼
一、插入RealPlayer ActiveX對象（如果要進行測試，需要先安裝RealPlayer播放器）
假定以下代碼包含在video.php文檔中（該文件將在主頁面中通過<iframe>進行鏈接）。
<object width="320" height="250" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Video">
<param name="CENTER" value="TRUE">
<param name="MAINTAINSPECT" value="TRUE">
</object> //定義播放界面
<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" value="StatusBar">
<param name="CONSOLE" value="Video">
</object> //定義狀態欄
<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" value="ControlPanel"><param name="CONSOLE" value="Video">
<param name="SRC" value="<?php echo getsrc(); ?>">
<param name="AUTOSTART" value="TRUE">
<param name="PREFETCH" value="0">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
</object> //定義控制面板
其中，CONTROLS參數用來指定播放器的控制項外觀，可以用多個控制項進行組合，並通過CONSOLE參數進行關聯。
有關param參數，讀者可以參閱RealPlayer官方網站http://service.real.com/help/library/guides/proction/htmfiles/control.htm。
這里的SRC參數尤為重要，用來指定視頻流文件的URL地址。這里筆者使用PHP代碼的方法動態的指定SRC，讀者也可以使用其它如ASP，或完全過 JavaScript 實現。
二、使用DHTML動態控制RealPlayer控制項的播放
小技巧：<IFRAME>的妙用。由於為RealPlayer控制項指定新的SRC需要刷新頁面，使用<IFRAME>可以把RealPlayer控制項嵌入到單獨的頁面中，這樣，動態刷新就是在<IFRAME>內進行，不會影響用戶觀看頁面其它內容。
以下代碼包含在主頁面中：
<IFRAME id="iVideo" SRC="video.php" Width=500 Height=345 frameborder=0 SCROLLING="no">
</IFRAME>，其中，video.php文件用力顯示RealPlayer控制項。
下面我們加入簡單的JavaScript 代碼用來控制視頻的播放。
<script language="JavaScript">
function play(filename){
top.document.all("iVideo").src = "video.php?src="+filename;
} // iVideo 是剛剛定義的IFRAME 的標識符
</script>
我們可以使用javascript控制RealPlayer插件更復雜的功能，如提取視頻的長寬、測試用戶的網路速率、自定義播放事件等等。關於RealPlayer ActiveX開發的具體細節，請參閱RealPlayer官方網站http://service.real.com/help/library/guides/extend/embed.htm。
我們假設有一個視頻文件，其URL為http://YourURL/filename.ram，那麼我們就可以這樣定義：
<a href="JavaScript:play('http://YourURL/filename.ram')">文件1</a>，如果文件是在本地，URL也可以為相對路徑。
三、檢測用戶是否安裝RealPlayer播放器
在頁面的<head></head>部分加入以下JavaScript代碼，用以檢測用戶是否安裝RealPlayer播放器：
<SCRIPT LANGUAGE=JavaScript>
<!--
var RealMode=0;
var RealPlayer5=0;
var RealPlayer4=0;
var RealPlayerG2=0;
if (navigator.userAgent.indexOf("MSIE")< 0 ){
numPlugins = navigator.plugins.length;
for (i = 0; i < numPlugins; i++){
plugin = navigator.plugins[i];
if (plugin.name.substring(0,10)=="RealPlayer"){
RealMode=1;
}
}
}
//以下代碼通過VBScript的CreateObject()函數動態的創建RealPlayer對象
document.write('<SCRIPT LANGUAGE=VBScript\> \n');
document.write('on error resume next \n');
document.write('RealPlayerG2 = (NOT IsNull(CreateObject("rmocx.RealPlayer G2 Control")))\n');
document.write('RealPlayer5 = (NOT IsNull(CreateObject("RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)")))\n');
document.write('RealPlayer4 = (NOT IsNull(CreateObject("RealVideo.RealVideo(tm) ActiveX Control (32-bit)")))\n');
document.write('</SCRIPT\> \n');
if ( RealPlayerG2 || RealPlayer5 || RealPlayer4 ){
//可以在此處添加<object>對象
}else if ( RealMode ){ //NetScape瀏覽器用戶
//可以在此處加入<embed>對象
}else
{
window.location.replace("install.htm"); //轉入install.htm頁面指導用戶進行安裝
}
-->
</Script>
四、應用實例
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=300 height=225>
<param name=src value=../kjsk/img/sp1.rm>
<param name=console value=clip1><param name=controls value=imagewindow>
<param name=autostart value=true>
<embed src="../kjsk/img/sp1.rm" width="300" height="225" autostart="true" console="clip1" controls="imagewindow"></embed>
</object>
<br>
<object classid=clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa height=32 width=300>
<param name=src value=../kjsk/img/sp1.rm>
<param name=controls value=controlpanel>
<param name=console value=clip1>
;
<embed src="../kjsk/img/sp1.rm" width="300" height="32" controls="controlpanel" console="clip1"></embed>
</object>
⑼ 如何在網頁嵌入第三方視頻
方法如下：
1、先打開已上傳好視頻的騰訊或其它平台視頻網址。在視頻播放頁面，點擊視頻下方的分享按鈕，復制通用代碼，放入後台。
2、將代碼放入後台，一般錄入在編輯框的代碼部分。
3、可以適當編輯當前頁面的內容，視頻代碼可以最後插入，保證代碼的完整性。打開網站頁面即可正常播放視頻。
⑽ 如何在一個html網頁頁面中插入多個視頻
如果你能插入一個，還能不會插入多個嗎？
不同的只是視頻文件的名稱不同而已！