Message-ID: <2049798782.15939.1711654292902.JavaMail.daemon@240b9b9c40b5> Subject: Exported From Confluence MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_Part_15938_1642426225.1711654292901" ------=_Part_15938_1642426225.1711654292901 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/exported.html =E5=88=9B=E5=BB=BA=E6=9C=8D=E5=8A=A1=E7=AB=AF=E5=91=BD=E4=BB=A4<= /title> <!--[if gte mso 9]> <xml> <o:OfficeDocumentSettings> <o:TargetScreenSize>1024x640</o:TargetScreenSize> <o:PixelsPerInch>72</o:PixelsPerInch> <o:AllowPNG/> </o:OfficeDocumentSettings> <w:WordDocument> <w:View>Print</w:View> <w:Zoom>90</w:Zoom> <w:DoNotOptimizeForBrowser/> </w:WordDocument> </xml> <![endif]--> <style> <!-- @page Section1 { size: 8.5in 11.0in; margin: 1.0in; mso-header-margin: .5in; mso-footer-margin: .5in; mso-paper-source: 0; } table { border: solid 1px; border-collapse: collapse; } table td, table th { border: solid 1px; padding: 5px; } td { page-break-inside: avoid; } tr { page-break-after: avoid; } div.Section1 { page: Section1; } /* Confluence print stylesheet. Common to all themes for print medi= a */ /* Full of !important until we improve batching for print CSS */ @media print { #main { padding-bottom: 1em !important; /* The default padding of 6em is to= o much for printouts */ } body { font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: 10pt; line-height: 1.2; } body, #full-height-container, #main, #page, #content, .has-personal-sid= ebar #content { background: #fff !important; color: #000 !important; border: 0 !important; width: 100% !important; height: auto !important; min-height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; } a, a:link, a:visited, a:focus, a:hover, a:active { color: #000; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: Arial, Helvetica, FreeSans, sans-serif; page-break-after: avoid; } pre { font-family: Monaco, "Courier New", monospace; } #header, .aui-header-inner, #navigation, #sidebar, .sidebar, #personal-info-sidebar, .ia-fixed-sidebar, .page-actions, .navmenu, .ajs-menu-bar, .noprint, .inline-control-link, .inline-control-link a, a.show-labels-editor, .global-comment-actions, .comment-actions, .quick-comment-container, #addcomment { display: none !important; } /* CONF-28544 cannot print multiple pages in IE */ #splitter-content { position: relative !important; } .comment .date::before { content: none !important; /* remove middot for print view */ } h1.pagetitle img { height: auto; width: auto; } .print-only { display: block; } #footer { position: relative !important; /* CONF-17506 Place the footer at en= d of the content */ margin: 0; padding: 0; background: none; clear: both; } #poweredby { border-top: none; background: none; } #poweredby li.print-only { display: list-item; font-style: italic; } #poweredby li.noprint { display: none; } /* no width controls in print */ .wiki-content .table-wrap, .wiki-content p, .panel .codeContent, .panel .codeContent pre, .image-wrap { overflow: visible !important; } /* TODO - should this work? */ #children-section, #comments-section .comment, #comments-section .comment .comment-body, #comments-section .comment .comment-content, #comments-section .comment p { page-break-inside: avoid; } #page-children a { text-decoration: none; } /** hide twixies the specificity here is a hack because print styles are getting loaded before the base styles. */ #comments-section.pageSection .section-header, #comments-section.pageSection .section-title, #children-section.pageSection .section-header, #children-section.pageSection .section-title, .children-show-hide { padding-left: 0; margin-left: 0; } .children-show-hide.icon { display: none; } /* personal sidebar */ .has-personal-sidebar #content { margin-right: 0px; } .has-personal-sidebar #content .pageSection { margin-right: 0px; } .no-print, .no-print * { display: none !important; } } --> </style> </head> <body> <h1>=E5=88=9B=E5=BB=BA=E6=9C=8D=E5=8A=A1=E7=AB=AF=E5=91=BD=E4=BB=A4</h1= > <div class=3D"Section1"> <style> .fgc-content { display: flex; flex-direction: column; } #temp-video { width: 800px; outline: none; } #speed-box { width: 800px; background-color: #070707; border-color: #070707; color: #8B8B8B; display: flex; justify-content: flex-end; height: 2rem; align-items: center; font-weight: 200; } .speed-box-header { font-size: 0.9rem; cursor: default; } .speed-box-content { display: flex; font-size: 0.7rem; } .speed-box-content>div { width: 2.7rem; height: 1.2rem; background-color: #373737; margin: 0 0.5rem; text-align: center; line-height: 1.25rem; border-radius: 0.6rem; cursor: pointer; } .speed-box-content>div:hover { background-color: #555555; color: #FFFFFF; } .speed-box-content .speed-box-selected { background-color: #767676; color: #FFFFFF; } .speed-box-content .speed-box-selected:hover { background-color: #767676; } </style>=20 <div class=3D"fgc-content">=20 <video id=3D"temp-video" src=3D"http://videos.grapecity.com.cn/HuoZiGe/Tuto= rials/v6.1/=E6=95=99=E5=AD=A6=E8=A7=86=E9=A2=91/=E6=9C=8D=E5=8A=A1=E7=AB=AF= =E5=91=BD=E4=BB=A4-=E5=88=9B=E5=BB=BA=E6=9C=8D=E5=8A=A1=E7=AB=AF=E5=91=BD= =E4=BB=A4.mp4" controls=3D"controls" onplaying=3D"startplay()"> =E6=82=A8=E7=9A=84=E6=B5=8F=E8=A7=88=E5=99=A8=E4=B8=8D=E6=94=AF=E6=8C=81=E6= =92=AD=E6=94=BE=E6=AD=A4=E8=A7=86=E9=A2=91=E3=80=82 </video>=20 <div id=3D"speed-box">=20 <div class=3D"speed-box-header">=20 <div> =E5=80=8D=E9=80=9F=EF=BC=9A </div>=20 </div>=20 <div class=3D"speed-box-content">=20 <div> 0.5X </div>=20 <div class=3D"speed-box-selected"> 1.0X </div>=20 <div> 1.25X </div>=20 <div> 1.5X </div>=20 <div> 2.0X </div>=20 </div>=20 </div>=20 </div>=20 <script> var isplayed =3D 1; var startplay =3D function () { if (isplayed) { ga('send', 'event', 'Play Video', '=E6=B4=BB=E5=AD=97=E6=A0=BC'= ); isplayed =3D 0; } return false; } var video =3D document.getElementById("temp-video"); function setPlaySpeed(item) { video.playbackRate =3D parseFloat(item.textContent); document.getElementsByClassName("speed-box-selected")[0].classList.= remove("speed-box-selected"); item.classList.add("speed-box-selected"); } document.querySelectorAll("#speed-box .speed-box-content>div").forEach(= (item) =3D> { item.addEventListener('click', () =3D> { setPlaySpeed(item) }); }); </script> <p><br></p> <p><a href=3D"/pages/viewpage.action?pageId=3D46197179">=E4=B8=8A=E4=B8=80= =E8=8A=82</a>  <a href=3D"/pages/viewpage.action?pageId=3D4619718= 8">=E4=B8=8B=E4=B8=80=E8=8A=82</a></p> </div> </body> </html> ------=_Part_15938_1642426225.1711654292901--