Responsiv Video anzeigen

Video Responsiv einrichten

class="responsive-video">
<iframe width="560" height="315" src="/videos/testvideo.mp4" frameborder="0" allowfullscreen></iframe>
</div>

Und die CSS

.responsive-video {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
display: block;
height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

Text markieren verhindern

Nachfolgend die Anweisung CSS und die ID zum Text markieren.

<style>
div#nichtmarkieren {
-ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None;
</style>							}

Hier die ID für den Text.

<div id="nichtmarkieren">
<p>Der gesperrte Text</p>
</div>