Jump to content

Recommended Posts

Posted

Hey, I wanted to insert a video on a page. I used the video code from w3schools for this but it only shows me the black screen.

I used the following code.

<video width="480" height="360" controls>
  <source src="video model.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>

image.png.35c91277fac8d8d2e2a7420410b61579.png

  • 2 weeks later...
Posted (edited)

Give the full source of video where it is stored.

I've also done the same code for video and it displayed.

<video width="500px" height="300" align="right" controls>
                <source src="C:\....\Agra.mp4" type="video/mp4">
            </video>

Hope you get it.

Thanks!

Edited by shaili_shah
  • 3 months later...
Posted

Hi I am a newbie...

 

Just trying to do the same here with a youtube video... but only shows me a black screen

This is the code i used

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

<video controls width="620">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/webm">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/mp4">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/ogg">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/avi">

    Sorry, your browser doesn't support embedded videos.
</video>


</body>
</html>

 

Really appreciate some help on this:)

MT

 

  • 2 weeks later...
Posted
On 1/15/2021 at 12:30 AM, Bev20 said:

<video controls width="620">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/webm">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/mp4">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/ogg">

    <source src="https://www.youtube.com/embed/7-OAyM_LNLc&t=13s?autoplay=1&controls=0"
            type="video/avi">

    Sorry, your browser doesn't support embedded videos.
</video>

Really appreciate some help on this:)

MT

Click the share link in Youtube and choose <> (embed) You get this code: 

<iframe width="560" height="315" src="https://www.youtube.com/embed/7-OAyM_LNLc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

They evidently don't use the video tag but instead host their own player in an iframe. By sheer coincidence I've been playing with embedding portrait orientation videos from both Youtube and Bitchute and managed to make them scale with the page. You can try it here and use "view source" to see the code my php generated.

http://ngaro.online/angelica.php/home2  (youtube)

http://ngaro.online/angelica.php/home3   (bitchute)

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...