Saya memiliki video mp4 yang saya coba putar di situs web saya www.mylabzoe.com, dan sekarang tidak diputar. Itu diputar sebelumnya dan sekarang berhenti karena suatu alasan =(.

Saya mencoba mengubah type="mp4" menjadi type="H.264/AVC". Apakah saya perlu mengubah jenis format file untuk video? Saya mencoba membuat ini agar saya bisa memainkannya di PC, Iphone, dan Android. Saya pasti ingin membuat ini dapat dimainkan untuk ponsel.

Hanya untuk memperjelas, ini diputar di PC saya tetapi tidak akan diputar di iphone saya menggunakan sarai atau chrome.

<video id="videofetch" controls>
    <source src="D_Videos\William_VS_Lab_Playing_Fetch.mp4" type="mp4">
    <source src="D_Videos\William_VS_Lab_Playing_Fetch.mp4" type="video/ogg">
</video>
#videofetch {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid white; 
    width: 12.5rem;
    height: auto;
}

/* 375 pixels */
@media (min-width: 23rem) {
    #videofetch {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid white; 
        width: 12.5rem;
        height: auto;
    }
}

/* 425 pixels */
@media (min-width: 26rem) {
    #videofetch {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid white; 
        width: 17.5rem;
        height: auto;
    }
}

/* 768 pixels */

@media (min-width: 48rem) {
    #videofetch {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid white; 
        width: 22rem;
        height: auto;
    }
}

/* 1024 pixels */

@media (min-width: 64rem) {
    #videofetch {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid white; 
        width: 22.5rem;
        height: auto;
    }
}

/* 1440 pixels */

@media (min-width: 90rem) {
    #videofetch {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid white; 
        width: 30rem;
        height: auto;
    }
}
/* 2560 pixels */

@media (min-width: 160rem) {
    #videofetch {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid white; 
        width: 32.5rem;
        height: auto;
    }
}

0
William Weisz 23 Oktober 2019, 01:10

1 menjawab

Jawaban Terbaik

Anda menggunakan garis miring terbalik (\) di jalur video Anda. Windows cenderung baik-baik saja dengan garis miring terbalik, tetapi yang lainnya lebih suka garis miring (/). Juga, jenis yang benar adalah video/mp4 Jadi coba ini:

<video id="videofetch" controls>
    <source src="D_Videos/William_VS_Lab_Playing_Fetch.mp4" type="video/mp4">
    <source src="D_Videos/William_VS_Lab_Playing_Fetch.mp4" type="video/ogg">
</video>
0
Perhaps you see this name. 23 Oktober 2019, 03:05