2

私はこのようなものを持っています

<div draggable="true">
<iframe width="640" height="360" src="http://www.youtube.com/watch?v=dQw4w9WgXcQ?fs=1&amp;feature=oembed" frameborder="0" allowfullscreen="">
</iframe>
</div>

iframeを含むdivの任意の場所をクリックしてドラッグを開始すると、div全体をドラッグできるようにしたいと考えています。ただし、iframe はイベントをカスケードしません。また、YouTube ビデオとのやり取り (再生、フルスクリーンなど) を可能にしたいと考えています。

html/css/js/jQueryでこれを行う方法を知っている人はいますか?

4

1 に答える 1

0

ここにあなたが望む近い例があります....少し修正してください 

#dra
{
    width:560px;
    height:315px;
    border:1px solid green;
    cursor:pointer;

}

#dra:hover iframe
{
    z-index:-1;position:absolute;
}


<div id="dra"><iframe  width="560" height="315" src="http://www.youtube.com/embed/T6s3d2wdXVg" frameborder="0" allowfullscreen></iframe></div> 
<script>
$( "#dra" ).draggable({stop: function() {

                $( "iframe" ).css('z-index','0');
            }});

</script>
于 2012-08-10T16:29:38.637 に答える