“HTML 5 Video” Code-Antworten

HTML -Video

<video width="320" height="240" controls>
  <source src="your_video's_name.mp4" type="video/mp4">
  Error Message
</video>

<!-- i copied w3schools code lol-->
Abdullah Muhammed Cumhur

HTML5 -Video -Player

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag. <!-- Text to be shown incase browser doesnt support html5 -->
</video>
Orion

HTML -Video

<div id='home-video' class="dl-neon-vid"><center>
    <video playsinline loop muted autoplay width="100%">
                <source src="video-link"  />
            </video></center>
    </div>

  <!-- script to pause ALL VIDEOS ON THE HOME PAGE when out of viewport -->

<script>
    let options = {
        root: null,
        rootMargin:'0px',
        threshold:1.0
    };
    let callback = (entries, observer)=>{
        entries.forEach(entry => {
            if(entry.target.id == 'home-video')
            {
                if(entry.isIntersecting){
                    entry.target.play();
                }
                else{
                    entry.target.pause();
                }
            }
        });
    }
let observer = new IntersectionObserver(callback, options);
observer.observe(document.querySelector('#home-video'));

</script>
Xerothermic Xenomorph

HTML 5 Video

<video width="480" height="320" controls>
	// all browsers support mp4
  <source src="your_video_file_name.mp4" type="video/mp4">
   // safari doesn't support ogg
  <source src="your_video_file_name.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Winter Hope

Ähnliche Antworten wie “HTML 5 Video”

Fragen ähnlich wie “HTML 5 Video”

Weitere verwandte Antworten zu “HTML 5 Video” auf HTML

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen