Domanda Come faccio ad incorporare un filmato mp4 nel mio html?


Ho una sezione blog sul mio sito che ha l'editor TinyMce. Voglio incorporare un video quando pubblico un blog e sputa il codice. Ho aggiunto il <embed> tag sul mio script di output.

Questo è il codice che sto usando per il video:

<object width="425" height="350">
    <param name="movie" value="http://www.youtube.com/v/CgW_5Vthsds"></param>
    <param name="wmode" value="transparent"></param>
    <embed src="http://www.youtube.com/v/" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object>

Cosa mi manca?


36
2018-02-19 20:30


origine


risposte:


Dovresti esaminare Video per tutti:

Video for Everybody è molto semplicemente una porzione di codice HTML che incorpora un video in un sito web   utilizzando l'elemento HTML5 che offre la riproduzione nativa in Firefox   3.5 e Safari 3 e 4 e un numero crescente di altri browser.

Il video è riprodotto dal browser stesso. Si carica rapidamente e non minaccia di danneggiare il browser.

In altri browser che non supportano, cade   torna a QuickTime.

Se QuickTime non è installato, viene utilizzato Adobe Flash. Puoi ospitare localmente o incorporare qualsiasi file Flash, come un video di YouTube.

L'unico svantaggio è che devi avere 2/3 versioni dello stesso video memorizzate, ma puoi servire a tutti i dispositivi / browser esistenti che supportano i video (ad esempio l'iPhone).

<video width="640" height="360" poster="__POSTER__.jpg" controls="controls">
    <source src="__VIDEO__.mp4" type="video/mp4" />
    <source src="__VIDEO__.webm" type="video/webm" />
    <source src="__VIDEO__.ogv" type="video/ogg" /><!--[if gt IE 6]>
    <object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><!
    [endif]--><!--[if !IE]><!-->
    <object width="640" height="375" type="video/quicktime" data="__VIDEO__.mp4"><!--<![endif]-->
    <param name="src" value="__VIDEO__.mp4" />
    <param name="autoplay" value="false" />
    <param name="showlogo" value="false" />
    <object width="640" height="380" type="application/x-shockwave-flash"
        data="__FLASH__.swf?image=__POSTER__.jpg&amp;file=__VIDEO__.mp4">
        <param name="movie" value="__FLASH__.swf?image=__POSTER__.jpg&amp;file=__VIDEO__.mp4" />
        <img src="__POSTER__.jpg" width="640" height="360" />
        <p>
            <strong>No video playback capabilities detected.</strong>
            Why not try to download the file instead?<br />
            <a href="__VIDEO__.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> |
            <a href="__VIDEO__.ogv">Ogg Theora &amp; Vorbis “.ogv” (Linux)</a>
        </p>
    </object><!--[if gt IE 6]><!-->
    </object><!--<![endif]-->
</video>

C'è una versione aggiornata che è un po 'più leggibile:

<!-- "Video For Everybody" v0.4.1 by Kroc Camen of Camen Design <camendesign.com/code/video_for_everybody>
     =================================================================================================================== -->
<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise       -->
<!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4.0                 -->
<video width="640" height="360" controls preload="none">
    <!-- MP4 must be first for iPad! -->
    <source src="__VIDEO__.MP4" type="video/mp4" /><!-- WebKit video    -->
    <source src="__VIDEO__.webm" type="video/webm" /><!-- Chrome / Newest versions of Firefox and Opera -->
    <source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera -->
    <!-- fallback to Flash: -->
    <object width="640" height="384" type="application/x-shockwave-flash" data="__FLASH__.SWF">
        <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
        <param name="movie" value="__FLASH__.SWF" />
        <param name="flashvars" value="image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
        <!-- fallback image. note the title field below, put the title of the video there -->
        <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
             title="No video playback capabilities, please download the video below" />
    </object>
</video>
<!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
<p> <strong>Download Video:</strong>
    Closed Format:  <a href="__VIDEO__.MP4">"MP4"</a>
    Open Format:    <a href="__VIDEO__.OGV">"OGG"</a>
</p>

56
2018-02-19 20:51



Se hai un video mp4 residente sul tuo server, e vuoi che i visitatori lo trasmettano sulla tua pagina HTML.

<video width="480" height="320" controls="controls">
<source src="http://serverIP_or_domain/location_of_video.mp4" type="video/mp4">
</video>

Ulteriori informazioni possono essere trovate qui: GetTechGo.com


31
2017-11-30 22:30



Molto probabilmente l'editor di TinyMce sta aggiungendo la propria formattazione al post. Avrai bisogno di vedere come puoi sfuggire alle capacità di editing di TinyMce. Il codice funziona bene per me. È un blog wordpress?


2
2018-02-19 20:36