web-crash-course


Flash, Video, Audio / 플래시, 비디오, 오디오

<!-- Flash / 플래시 -->
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashContent">
  <p>
    To view this page ensure that Adobe Flash Player version 10.0.0 or greater
    is installed.
  </p>
  <script type="text/javascript">
    var flashvars = {};
    var params = {};
    var attributes = {};
    swfobject.embedSWF(
      "movie.swf",
      "flashContent",
      "400",
      "300",
      "10.0.0",
      "expressInstall.swf",
      flashvars,
      params,
      attributes
    );
  </script>
</div>

<object
  width="400"
  height="300"
  data="movie.swf"
  type="application/x-shockwave-flash"
>
  <param name="movie" value="movie.swf" />
  <param name="quality" value="high" />
  <param name="bgcolor" value="#ffffff" />
  <param name="play" value="true" />
  <param name="loop" value="true" />
  <param name="wmode" value="window" />
  <param name="scale" value="showall" />
  <param name="menu" value="true" />
  <param name="devicefont" value="false" />
  <param name="salign" value="" />
  <param name="allowScriptAccess" value="sameDomain" />
</object>

<!-- Video / 비디오 -->
<video
  src="video/puppy.mp4"
  poster="video/puppy.jpg"
  width="400"
  height="300"
  controls
  autoplay
  loop
  muted
  preload="auto"
  crossorigin="anonymous"
  playsinline
  disablePictureInPicture
  disableRemotePlayback
  controlsList="nodownload"
>
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English" />
  <p>Your browser does not support the video tag.</p>
</video>

<video width="400" height="300" controls>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English" />
  <track src="subtitles_ko.vtt" kind="subtitles" srclang="ko" label="한국어" />
</video>

<!-- Audio / 오디오 -->
<audio controls>
  <source src="sound.mp3" type="audio/mpeg" />
  <source src="sound.ogg" type="audio/ogg" />
  <p>Your browser does not support the audio element.</p>
</audio>