Chromeでハイライト表示を防止する

Question

ビデオタグを使用してビデオに埋め込みビデオを表示するには、次の方法を使用していますが、フラッシュフォールバックがあります。クロムでは、ビデオを再生するためにクリックするとオレンジ色のボックスにビデオが表示されます。あなたのdivにnoneにCSSプロパティを設定しoutline

<div id="slide0" style="display:block; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; user-select: none; width: 960px; height: 456px;"> 
    <video id="video0" poster="poster.jpg" controls="controls" preload="auto" width="960" height="453"> 
     <source type="video/mp4" src="video.mp4" /><source type="video/webm" src="video.webm" /> 
    <object width="960" height="453" type="application/x-shockwave-flash" data="resources/videos/flashmediaelement.swf"> 
     <param name="movie" value="resources/videos/flashmediaelement.swf" /> 
     <param name="flashvars" value="controls=true&amp;file=video.mp4" /> 
    </object> 
    </video> 
</div> 

Answer 1

スタイル属性、またはあなたのスタイルシートを（またはビデオ、私が概説されている要素知りません）。

#slide0,#video0 
{ 
    outline: none; 
}