PIXNET Logo登入

421244103

跳到主文

歡迎光臨c8cc168在痞客邦的小天地 Blogger HTML 技巧 **智障肥強**

部落格全站分類：不設分類

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 2月 11 週二 201410:29

  • ok YouTube 嵌入式播放器参数

YouTube 嵌入式播放器参数目录
  1. 概述
  2. 参数
    1. rel
    2. autoplay
    3. loop
    4. enablejsapi
    5. playerapiid
    6. disablekb
    7. egm
    8. border
    9. color1, color2
    10. start
    11. fs
    12. hd
    13. showsearch
    14. showinfo
    15. iv_load_policy
    16. cc_load_policy
  3. 用法示例
概述本文档介绍了 YouTube 嵌入式播放器可以使用的所有参数。通过在 SWF 网址末尾附加这些参数，您可以设置颜色和边框等内容，还可以设置是否对播放器启用 JavaScript API。参数以下所有参数均为可选参数。只有 YouTube 嵌入式播放器正式支持这些参数，但其中一部分参数也可用于其他播放器（例如播放列表播放器或自定义播放器）。
rel
值：0 或 1。默认值为 1。用于设置播放器是否应在初始视频开始播放后载入相关视频。按下菜单按钮后，“genie 菜单”中会显示相关视频。如果 rel 设置为 0，则播放器搜索功能会停用。
autoplay
值：0 或 1。默认值为 0。用于设置初始视频是否在载入播放器时自动播放。
loop
值：0 或 1。默认值为 0。如果播放器是单视频播放器，则将值设置为 1 会让该播放器反复播放初始视频。如果播放器是播放列表播放器（或自定义播放器），则会播放播放列表中的所有视频，然后再从第一个视频开始从头播放。
enablejsapi
值：0 或 1。默认值为 0。将该值设置为 1 会启用 Javascript API。有关 Javascript API 及其用法的详细信息，请参见 JavaScript API 文档。
playerapiid
值可以是任意字母数字字符串。此设置可以和 JavaScript API 结合使用。有关详细信息，请参见 JavaScript API 文档。
disablekb
值：0 或 1。默认值为 0。将该值设置为 1 会停用播放器的键盘控件。键盘控件如下：
     空格键：播放/暂停
     向左箭头：当前视频后退 10%
     向右箭头：当前视频前进 10%
     向上箭头：调高音量
     向下箭头：降低音量
egm
值：0 或 1。默认值为 0。将该值设置为 1 会启用“增强的 Genie 菜单”。这样，只要用户将鼠标移入视频显示区，genie 菜单（如果有的话）就会出现，而不是只在用户按下菜单按钮时出现。
border
值：0 或 1。默认值为 0。将该值设置为 1 会在整个视频播放器周围显示边框。可以使用 color1 参数设置边框的基本色，使用 color2 参数设置辅助色。
color1, color2
值：任何十六进制格式的 RGB 值。color1 代表边框的基本色，color2 代表视频控件栏的背景颜色和边框辅助色。
start
值：正整数。此参数可让播放器从视频中的指定位置开始播放视频，具体位置以距视频开头的秒数表示。请注意，与 seekTo 函数类似，播放器会查找与指定时间最接近的关键帧。也就是说，播放头的定位有时会稍早于请求时间，但通常与请求时间的间隔不超过 2 秒。
fs
值：0 或 1。默认值为 0。将该值设置为 1 会启用全屏按钮。此设置不会对 Chromeless Player 产生影响。请注意，要启用该功能，您需要在嵌入代码中另外添加一些参数。以下示例中的粗体部分用于启用全屏功能：
<object width="425" height="344">
<param name="movie" value="https://www.youtube.com/v/u1zgFlCw8Aw?fs=1"</param>
<param name="allowFullScreen" value="true"></param>
<embed src="https://www.youtube.com/v/u1zgFlCw8Aw?fs=1"
type="application/x-shockwave-flash"
allowfullscreen="true"
width="425" height="344">
</embed>
</object>
hd
值：0 或 1。默认值为 0。默认情况下，将该值设置为 1 即可启用高清播放效果。此设置不会对 Chromeless Player 产生影响。如果视频没有高清版，则此设置无效。如果您启用了此选项，请记住，连接速度较慢的用户可能无法得到最佳的用户体验，除非关闭了 HD。因此，您应确保播放器的大小足以使用原生分辨率显示视频。
showsearch
值：0 或 1。默认值为 1。将该值设置为 0 会禁止搜索框在视频最小化的情况下显示。请注意，如果 rel 参数设置为 0，那么，不管 showsearch 设为哪一个值，都会停用搜索框。
showinfo
值：0 或 1。默认值为 1。将该值设置为 0，播放器就不会在开始播放视频之前显示相关信息（例如视频标题和评分）。
iv_load_policy
值：1 或 3。默认值为 1。将该值设置为 1 会在默认情况下显示视频注释，而设置为 3 则不会在默认情况下显示视频注释。
cc_load_policy
值：1。默认值根据用户偏好设置决定的。将该值设置为 1 会在默认情况下显示隐藏字幕，即使在用户关闭字幕的情况下也是如此。
用法示例要使用上述任何一个参数，只需在 YouTube 视频 SWF 网址的末尾附加相应参数即可。SWF 网址的常见形式如下：http://www.youtube.com/v/VIDEO_ID使用 YouTube 数据 API 查找 yt:format=5 <media:content> 网址，您就能通过编程方式访问此类网址。如果上传器停用嵌入功能，则无法使用该格式。<media:content url="http://www.youtube.com/v/VIDEO_ID" type="application/x-shockwave-flash" medium="video"
isDefault="true" expression="full" duration="100" yt:format="5"/>要将颜色方案更改为天蓝色主题，请修改两个 color 参数。http://www.youtube.com/v/VIDEO_ID?color1=0x2b405b&color2=0x6b8ab6&fs=1然后，将经过修改的网址添加到嵌入代码中：<object width="425" height="355">
<param name="movie" value="https://www.youtube.com/v/u1zgFlCw8Aw?rel=1&color1=0x2b405b&
color2=0x6b8ab6&border=1&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="https://www.youtube.com/v/u1zgFlCw8Aw?rel=1&color1=0x2b405b&color2=0x6b8ab6&border=1&fs=1"
type="application/x-shockwave-flash"
width="425" height="355"
allowfullscreen="true"></embed>
</object>
rel、color1、color2 和 border 参数已经过修改，以生成带边框的蓝色播放器（如下所示）。由于 rel 参数设置为 1，因此，按下“菜单”按钮也会载入相关视频。
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(18)

  • 個人分類：youtube
▲top
  • 2月 10 週一 201418:45

  • documen 時間讀取

HTML 時間讀取

var d = new Date() , d = d.getDate() = d.getDay() = d.getMonth() = d.getFullYear() = d.getHours() = d.getMinutes() = d.getSeconds() = d.getMilliseconds() =
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：getSeconds
▲top
  • 2月 07 週五 201422:38

  • 讀取URL

document.URL 讀取URL | indexOf() | substring()

document.URL; document.URL.indexOf('ug5g') document.URL.indexOf('com') document.URL.indexOf('hk') document.URL.substring(12,16) document.URL.substring(17,20) document.URL.length
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類：substring()
▲top
  • 2月 01 週六 201418:59

  • h1 focus blur


blur focus 焦点選擇访问 智 障 肥 強

<a href="http://c8cc168.blogspot.hk/" id="myAnchor">访问 智 障 肥 強</a>
<script type="text/javascript">
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：焦点選擇
▲top
  • 1月 30 週四 201419:01


對象屬性
document.title //設置文檔標題等價於HTML的title標籤
document.bgColor //設置頁面背景色
document.fgColor //設置前景色(文本顏色)
document.linkColor //未點擊過的鏈接顏色
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：document-1
▲top
  • 1月 18 週六 201423:19

  • Blogger 版面的寬度

Blogger 版面的寬度
<b:template-skin>
<b:variable default='930px' name='content.width' type='length' value='1440px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='180px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='180px'/>
<![CDATA[
body {
min-width: 800px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 800px;
max-width: $(content.width);
width:100%;
}
800px 是要把最小寬度
1440px 是頁面的最大寬度
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：Blogger-版面寬度
▲top
  • 1月 10 週五 201422:38

  • CSS Script 對照

document.getElementById("test_string").style.fontSize = "25px";

盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder-left-widthborderLeftWidthborder-rightborderRightborder-right-colorborderRightColorborder-right-styleborderRightStyleborder-right-widthborderRightWidthborder-styleborderStyleborder-topborderTopborder-top-colorborderTopColorborder-top-styleborderTopStyleborder-top-widthborderTopWidthborder-widthborderWidthclearclearfloatfloatStylemarginmarginmargin-bottommarginBottommargin-leftmarginLeftmargin-rightmarginRightmargin-topmarginToppaddingpaddingpadding-bottompaddingBottompadding-leftpaddingLeftpadding-rightpaddingRightpadding-toppaddingTop颜色和背景标签和属性对照CSS 语法（不区分大小写）JavaScript 语法（区分大小写）backgroundbackgroundbackground-attachmentbackgroundAttachmentbackground-colorbackgroundColorbackground-imagebackgroundImagebackground-positionbackgroundPositionbackground-repeatbackgroundRepeatcolorcolor样式标签和属性对照CSS语法（不区分大小写）JavaScript 语法（区分大小写）displaydisplaylist-style-typelistStyleTypelist-style-imagelistStyleImagelist-style-positionlistStylePositionlist-stylelistStylewhite-spacewhiteSpace文字样式标签和属性对照CSS 语法（不区分大小写）JavaScript 语法（区分大小写）fontfontfont-familyfontFamilyfont-sizefontSizefont-stylefontStylefont-variantfontVariantfont-weightfontWeight文本标签和属性对照CSS 语法（不区分大小写）JavaScript 语法（区分大小写）letter-spacingletterSpacingline-breaklineBreakline-heightlineHeighttext-aligntextAligntext-decorationtextDecorationtext-indenttextIndenttext-justifytextJustifytext-transformtextTransformvertical-align
verticalAlign 

(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：document-属性对照
▲top
  • 12月 20 週五 201322:18

  • GO TO TOP

GO TO TOP 回到上方 Scroll to Top
▲回到上方▲
Scroll to Top
<style type='text/css'>
#Dnow-ScrolltoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
    $.fn.scrollToTop = function() {
    $(this).hide().removeAttr("href");
    if ($(window).scrollTop() != "0") {
        $(this).fadeIn("slow")
    }
    var scrollDiv = $(this);
    $(window).scroll(function() {
        if ($(window).scrollTop() == "0") {
        $(scrollDiv).fadeOut("slow")
        } else {
        $(scrollDiv).fadeIn("slow")
        }
    });
    $(this).click(function() {
        $("html, body").animate({
        scrollTop: 0
        }, "slow")
    })
    }
});
$(function() {
    $("#Dnow-ScrolltoTop").scrollToTop();
});
</script>
<div style='font-size:10px'>
<a href='#' id='Dnow-ScrolltoTop' style='display:none;'>&#9650;回到上方&#9650;<br/>Scroll to Top </a>
</div>
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類：GO TOP
▲top
  • 12月 20 週五 201319:28

  • HTML 滑鼠座標 getMouseXY

X
Y
<form name="Show">
<input name="MouseX" size="4" style="font-size: 16px;" type="text" value="0" /> X<br />
<input name="MouseY" size="4" style="font-size: 16px;" type="text" value="0" /> Y</form>
<script language="JavaScript1.2">
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0
function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  document.Show.MouseX.value = tempX
  document.Show.MouseY.value = tempY
  return true
}
</script>



| CCS | HTML | style | input | getMouseXY | Event.MOUSEMOVE |
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(22)

  • 個人分類：getMouseXY
▲top
  • 12月 20 週五 201318:50

  • GO TOP

右下角 GO TOP 寫法
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" >
 <table border="0">
 <tbody>
<tr>
<td>
<a href="#" ><font size="3">
<b>GO TOP</b></font></a><br />  
</td>
</tr>
</tbody></table></a>
(繼續閱讀...)
文章標籤

c8cc168 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：HTML-GO TO
▲top
«1...5678»

ck

文章分類

  • youtube (4)
  • 網頁地圖 (1)
  • table (1)
  • scroll (1)
  • padding (1)
  • ASCII (1)
  • Blogger-下拉式選單 (1)
  • documen-1 (1)
  • Blogger-隱藏修改 CSS (1)
  • Blogger-留言嵌入 (1)
  • setTimeout (1)
  • event.keyCode (1)
  • input file (1)
  • checkbox (1)
  • a href (1)
  • 水平分線 hr (1)
  • 管理員-MP3 (1)
  • HTML-GO TO (1)
  • getMouseXY (1)
  • GO TOP (1)
  • document-属性对照 (1)
  • Blogger-版面寬度 (1)
  • document-1 (2)
  • 焦点選擇 (1)
  • substring() (1)
  • getSeconds (1)
  • hover (1)
  • Blogger-樹狀標籤 (1)
  • documen-焦点選擇 (1)
  • 管理員-講道 (1)
  • document-網頁螢幕 寬高 (1)
  • small (1)
  • class (1)
  • DIV (1)
  • border (1)
  • margin-top (1)
  • float (1)
  • 可收合面板 (2)
  • visibility (1)
  • HTML-導入檔案 link css js (1)
  • Color Code (1)
  • Mouse (1)
  • input (1)
  • 框架及背景 (2)
  • 管理員-YouTube (1)
  • 管理員-CSS (1)
  • 管理員-聽歌 (1)
  • 管理員-推 (1)
  • Blogger-下拉式選單相簿 (1)
  • random() (1)
  • 文字 (1)
  • marquee (1)
  • 彈出視窗 (1)
  • 管理員-金句 (1)
  • img (1)
  • title (2)
  • audio (1)
  • 輸入及選擇 (4)
  • select option (3)
  • &lt;!--&gt; (1)
  • a download (1)
  • abbr title (1)
  • ul li (1)
  • 未分類文章 (1)

最新文章

  • list-style-type:none;
  • YouTube 自動改變螢幕大細
  • YouTube 播放清單
  • abbr title
  • a download
  • select option 下拉式選單

熱門文章

  • (563)三層橫的下拉選單按鈕

動態訂閱

文章精選

文章搜尋

誰來我家

參觀人氣

  • 本日人氣：
  • 累積人氣：