|
@ -106,14 +106,14 @@ function fside() { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<!-- drag and resize library: https://interactjs.io/docs/installation#cdn-streamlined --> |
|
|
<!-- drag and resize library: https://interactjs.io/docs/installation#cdn-streamlined --> |
|
|
<script src="interact.min.js"></script> |
|
|
<!--<script src="interact.min.js"></script>--> |
|
|
<!-- script above same as <script src="https://cdnjs.cloudflare.com/ajax/libs/interact.js/1.2.6/interact.min.js"></script> --> |
|
|
<!-- script above same as <script src="https://cdnjs.cloudflare.com/ajax/libs/interact.js/1.2.6/interact.min.js"></script> --> |
|
|
|
|
|
|
|
|
<!-- also found this other options: |
|
|
<!-- also found this other options: |
|
|
https://www.webcomponents.org/element/jifalops/drag-resize |
|
|
https://www.webcomponents.org/element/jifalops/drag-resize |
|
|
https://codepen.io/zz85/pen/gbOoVP --> |
|
|
https://codepen.io/zz85/pen/gbOoVP --> |
|
|
|
|
|
|
|
|
<script> |
|
|
<!--<script> |
|
|
interact('.resize-drag') |
|
|
interact('.resize-drag') |
|
|
.draggable({ |
|
|
.draggable({ |
|
|
onmove: window.dragMoveListener |
|
|
onmove: window.dragMoveListener |
|
@ -158,7 +158,7 @@ function dragMoveListener (event) { |
|
|
target.setAttribute('data-x', x); |
|
|
target.setAttribute('data-x', x); |
|
|
target.setAttribute('data-y', y); |
|
|
target.setAttribute('data-y', y); |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script>--> |
|
|
<script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script> |
|
|
<script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script> |
|
|
<script> |
|
|
<script> |
|
|
var player = videojs("#player"); |
|
|
var player = videojs("#player"); |
|
|