मेरे पास एक mp4 वीडियो है जिसे मैं अपनी वेबसाइट www.mylabzoe.com पर चलाने की कोशिश कर रहा हूं, और यह अब नहीं चल रहा है। यह पहले खेल रहा था और अब यह किसी कारण से बंद हो गया =(.

मैंने टाइप = "mp4" को टाइप = "H.264/AVC" में बदलने की कोशिश की। क्या मुझे वीडियो के लिए फ़ाइल प्रारूप के प्रकार को बदलने की आवश्यकता है? मैं इसे बनाने की कोशिश कर रहा हूं ताकि मैं इसे पीसी, आईफोन और एंड्रॉइड पर चला सकूं। मैं निश्चित रूप से इसे मोबाइल फोन के लिए खेलने योग्य बनाना चाहता हूं।

बस स्पष्ट करने के लिए, यह मेरे पीसी पर चलता है लेकिन सराय या क्रोम का उपयोग करके मेरे आईफोन पर नहीं चलेगा।

<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 अक्टूबर 2019, 01:10

1 उत्तर

सबसे बढ़िया उत्तर

आप अपने वीडियो पथ में बैकस्लैश (\) का उपयोग कर रहे हैं। विंडोज बैकस्लैश के साथ ठीक हो जाता है, लेकिन बाकी सब कुछ स्लैश (/) पसंद करता है। साथ ही, सही प्रकार है video/mp4 तो इसे आजमाएं:

<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 अक्टूबर 2019, 03:05