Jump to content

Video insert.


OtakuDisease

Recommended Posts

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

Link to comment
Share on other sites

  • 2 weeks later...

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
Link to comment
Share on other sites

  • 3 months later...

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

 

Link to comment
Share on other sites

  • 2 weeks later...
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)

Link to comment
Share on other sites

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...