1

ブラウザにビデオ要素の選択を表示させる方法を見つけようとしていますか?

以下の HTML ページの例は、imgタグに対して期待どおりに機能します。 onElementClick関数を終了した後、画像は選択されたままになります。

ビデオタグで同じことを達成する方法がわかりません。それはまったく可能ですか？

<!DOCTYPE html>
<html>
<head><title>Range</title></head>
<body>
    How to select the video tag programmatically?
    <video src="http://www.w3schools.com/html/movie.mp4" controls="controls" onmousedown="onElementClick(this)"></video>
    It is easy with 'img' (click the image):
    <img src="http://www.w3.org/2008/site/images/logo-w3c-mobile-lg" onclick="onElementClick(this)"></img>

    <script>
        function onElementClick(element) {
            var selection = window.getSelection();
            selection.removeAllRanges();
            console.log("[Before adding a range] clicked: %s; selection.type: %o, selection: %o", element.localName, selection.type, selection);

            var range = document.createRange();
            range.selectNode(element);
            selection.addRange(range);

            selection = window.getSelection();
            console.log("[After adding a range] selection after adding a range: %o, selection: %o", selection.type, selection);
            console.log("[After adding a range] window.getSelection(): %o",window.getSelection());
         }
    </script>

</body>
</html>

私が使用したブラウザは Chrome v. 28.0.1500.95 m でした。

4

0 に答える 0