Embedding media - Wikidot - Free and Pro Wiki Hosting

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Embedding media - Wikidot - Free and Pro Wiki Hosting</title> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/init.combined.js"></script> <script type="text/javascript"> var URL_HOST = 'www.wikidot.com'; var URL_DOMAIN = 'wikidot.com'; var USE_SSL = true ; var URL_STATIC = 'http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327'; // global request information var WIKIREQUEST = {}; WIKIREQUEST.info = {}; WIKIREQUEST.info.domain = "www.wikidot.com"; WIKIREQUEST.info.siteId = 648902; WIKIREQUEST.info.siteUnixName = "www"; WIKIREQUEST.info.categoryId = 4388017; WIKIREQUEST.info.themeId = 192065; WIKIREQUEST.info.requestPageName = "doc-wiki-syntax:embedding"; OZONE.request.timestamp = 1732524068; OZONE.request.date = new Date(); WIKIREQUEST.info.lang = 'en'; WIKIREQUEST.info.pageUnixName = "doc-wiki-syntax:embedding"; WIKIREQUEST.info.pageId = 22129608; WIKIREQUEST.info.lang = "en"; OZONE.lang = "en"; var isUAMobile = !!/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); </script> <script type="text/javascript"> require.config({ baseUrl: URL_STATIC + '/common--javascript', paths: { 'jquery.ui': 'jquery-ui.min', 'jquery.form': 'jquery.form' } }); </script> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="en"/> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/WIKIDOT.combined.js"></script> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.0.0/bootstrap.min.js"></script>  <link href="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--fonts/awesome/3.2.1/font-awesome.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css" id="internal-style"> /* modules */ /* bootstrap */ @import url(http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.0.0/bootstrap.min.css); /* theme */ @import url(http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--theme/bootstrap-base/css/style.css); @import url(http://www.wdfiles.com/local--theme/wikidot-3-0-content/style.css); </style>   <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/skrollr.min.js"></script> <link rel="shortcut icon" href="/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="/common--images/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/common--images/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/common--images/apple-touch-icon-114x114.png" /> <link rel="alternate" type="application/wiki" title="Edit this page" href="javascript:WIKIDOT.page.listeners.editClick()"/> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18234656-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); _gaq.push(['old._setAccount', 'UA-68540-5']); _gaq.push(['old._setDomainName', 'none']); _gaq.push(['old._setAllowLinker', true]); _gaq.push(['old._trackPageview']); </script> <script type="text/javascript"> window.google_analytics_uacct = 'UA-18234656-1'; window.google_analytics_domain_name = 'none'; </script> <link rel="manifest" href="/onesignal/manifest.json" /> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" acync=""></script> <script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ appId: null, }); }); </script> <style> /* * Base Table * */ .wiki-content-table{ margin-bottom: 20px; width: 100%; max-width: 100%; background-color: rgba(0,0,0,0); border-collapse: collapse; border-spacing: 0; } .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th, .wiki-content-table > thead > tr > td, .wiki-content-table > tbody > tr > td, .wiki-content-table > tfoot > tr > td{ border-top: 1px solid #DDD; line-height: 1.42857; padding: 8px; vertical-align: top; } .wiki-content-table th{ text-align: left; } @media (max-width: 768px){ .table-responsive .wiki-content-table{ margin-bottom: 0; } .table-responsive > .wiki-content-table > thead > tr > th, .table-responsive > .wiki-content-table > tbody > tr > th, .table-responsive > .wiki-content-table > tfoot > tr > th, .table-responsive > .wiki-content-table > thead > tr > td, .table-responsive > .wiki-content-table > tbody > tr > td, .table-responsive > .wiki-content-table > tfoot > tr > td{ white-space: nowrap; } } /* * Color Table * */ .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th, .wiki-content-table > thead > tr > td, .wiki-content-table > tbody > tr > td, .wiki-content-table > tfoot > tr > td{ border-top: none; border-bottom: 1px solid #DDD; } .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th{ background: #E5E5E0; } </style> </head> <body id="html-body"> <div id="skrollr-body"> <script type="text/javascript"> jQuery(document).ready(function() { if(!(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)) { var s = skrollr.init(); } }); </script> <div class="topbar"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".wikidot-menu-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="site-name"> <a class="navbar-brand" href="/"></a> </div> <div class="site-subtitle"> your place on the web </div> <div class="loginStatus"> <a href="javascript:;" onclick="WIKIDOT.page.listeners.createAccount(event)" class="login-status-create-account btn">Create account</a> <span>or</span> <a href="javascript:;" onclick="WIKIDOT.page.listeners.loginClick(event)" class="login-status-sign-in btn btn-primary">Sign in</a> </div> </div> <div class="collapse navbar-collapse wikidot-menu-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"><a class="dropdown-toggle" href="" data-toggle="dropdown">Documentation <span class="caret"><span style="white-space: pre-wrap;"> </span></span><br /></a> <ul class="dropdown-menu"> <li><a href="/doc-wiki-syntax:start">Wiki syntax</a></li> <li><a href="/doc:quick-reference">Quick reference</a></li> <li><a href="/doc-modules:start">Modules</a></li> <li><a href="/doc-data-forms:start">Data forms</a></li> <li><a href="/doc:embedding">Embedding services</a></li> <li><a href="/doc:templates">Templates</a></li> <li><a href="/doc:searching">Searching</a></li> <li><a href="/doc:site-structure">Site structure</a></li> <li><a href="/doc:users">Managing users</a></li> <li><a href="/doc:layout-reference">Layout reference</a></li> <li><a href="/doc:video">Video tutorials</a></li> <li><a href="/doc:advertising">Advertising</a></li> <li><a href="/doc:api">Wikidot API</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" href="" data-toggle="dropdown">Community sites <span class="caret"><span style="white-space: pre-wrap;"> </span></span></a> <ul class="dropdown-menu"> <li><a href="http://community.wikidot.com">Wikidot Community</a></li> <li><a href="http://handbook.wikidot.com">Wikidot Handbook</a></li> <li><a href="http://snippets.wikidot.com">Code snippets</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" href="" data-toggle="dropdown">FAQ <span class="caret"><span style="white-space: pre-wrap;"> </span></span></a> <ul class="dropdown-menu"> <li><a href="/faq:user-accounts">User accounts</a></li> <li><a href="/faq:upgrades">Upgrades</a></li> <li><a href="/faq:site-features">Site features</a></li> <li><a href="/faq:private-sites">Private Sites</a></li> <li><a href="/faq:editing-pages">Editing Pages</a></li> <li><a href="/faq:technical">Technical</a></li> <li><a href="/faq:watching">Watching</a></li> </ul> </li> </ul> </div> </div> <div class="horizontal-scrollbar" data-start="width: 0%;" data-end="width: 100%"></div> </nav> </div> <div class="content-wrap"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="search-box"> <div id="search-top-box" class="form-search"> <form id="search-top-box-form" action="dummy" class="input-append"> <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="Search this site" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="Search"/> </form> </div> </div> <nav role="navigation"> <div class="container"> <div class="navbar-header docs-navigation"> <a type="button" class="btn btn-default navbar-toggle docs-navigation-toggle" data-toggle="collapse" data-target=".doc-menu-collapse"> Table of Contents </a> </div> <div class="collapse navbar-collapse doc-menu-collapse doc-navigation-sidebar"> <ul> <li><a href="/doc-wiki-syntax:inline-formatting">Inline Formatting</a></li> <li><a href="/doc-wiki-syntax:text-size">Text Size</a></li> <li><a href="/doc-wiki-syntax:paragraphs-and-newline">Paragraphs and newlines</a></li> <li><a href="/doc-wiki-syntax:typography">Typography</a></li> <li><a href="/doc-wiki-syntax:literal-text">Literal Text</a></li> <li><a href="/doc-wiki-syntax:universal-escaping">Universal Escaping</a></li> <li><a href="/doc-wiki-syntax:comments">Comments</a></li> <li><a href="/doc-wiki-syntax:headings">Headings</a></li> <li><a href="/doc-wiki-syntax:table-of-contents">Table of Contents</a></li> <li><a href="/doc-wiki-syntax:horizontal-rules">Horizontal Rules</a></li> <li><a href="/doc-wiki-syntax:lists">Lists</a> <ul> <li><a href="/doc-wiki-syntax:lists#bulleted">Bulleted Lists</a></li> <li><a href="/doc-wiki-syntax:lists#numbered">Numbered Lists</a></li> <li><a href="/doc-wiki-syntax:lists#advanced">Advanced Lists</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:definition-lists">Definition Lists</a></li> <li><a href="/doc-wiki-syntax:block-quotes">Block Quotes</a></li> <li><a href="/doc-wiki-syntax:collapsible-blocks">Collapsible blocks</a></li> <li><a href="/doc-wiki-syntax:foldable-list">Foldable List Container</a></li> <li><a href="/doc-wiki-syntax:links">Links</a> <ul> <li><a href="/doc-wiki-syntax:links#internal">Internal links</a></li> <li><a href="/doc-wiki-syntax:links#urls">URLs</a></li> <li><a href="/doc-wiki-syntax:links#anchors">Anchors</a></li> <li><a href="/doc-wiki-syntax:links#emails">Emails</a></li> <li><a href="/doc-wiki-syntax:links#interwiki">InterWiki</a></li> <li><a href="/doc-wiki-syntax:links#magicuris">Magic URIs</a> <ul> <li><a href="/doc-wiki-syntax:links#hashmagicuris">Hash Magic URIs</a></li> </ul> </li> </ul> </li> <li><a href="/doc-wiki-syntax:images">Images</a> <ul> <li><a href="/doc-wiki-syntax:images#single">Single images</a></li> <li><a href="/doc-wiki-syntax:images#gallery">Gallery of images</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:notes">Notes</a></li> <li><a href="/doc-wiki-syntax:html-blocks">HTML Blocks</a></li> <li><a href="/doc-wiki-syntax:code-blocks">Code Blocks</a></li> <li><a href="/doc-wiki-syntax:tables">Tables</a> <ul> <li><a href="/doc-wiki-syntax:tables#simple">Simple tables</a></li> <li><a href="/doc-wiki-syntax:tables#advanced">Advanced (custom) tables</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:block-formatting-elements">Block formatting elements</a> <ul> <li><a href="/doc-wiki-syntax:block-formatting-elements#left">Left, right, centered and justified</a></li> <li><a href="/doc-wiki-syntax:block-formatting-elements#custom">Custom div blocks</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:math">Math</a> <ul> <li><a href="/doc-wiki-syntax:math#equations">Equations</a></li> <li><a href="/doc-wiki-syntax:math#inline">Inline math</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:footnotes">Footnotes</a></li> <li><a href="/doc-wiki-syntax:bibliography">Bibliography</a></li> <li><a href="/doc-wiki-syntax:date">Date: How Long Ago?</a> <ul> <li><a href="/doc-wiki-syntax:date#how">How it works</a></li> <li><a href="/doc-wiki-syntax:date#wizard">Code Wizard</a></li> <li><a href="/doc-wiki-syntax:date#examples">Examples</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:include">Include other pages</a></li> <li><a href="/doc-wiki-syntax:embedding">Embedding media</a> <ul> <li><a href="/doc-wiki-syntax:embedding#video">Video</a></li> <li><a href="/doc-wiki-syntax:embedding#audio">Audio</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:embedding-code">Embedding code</a> <ul> <li><a href="/doc-wiki-syntax:embedding-code#embed">embed tag</a></li> <li><a href="/doc-wiki-syntax:embedding-code#iframe">Iframe element</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:iftags">Iftags</a></li> <li><a href="/doc-wiki-syntax:attachment">Attached files</a></li> <li><a href="/doc-wiki-syntax:users">Users</a></li> <li><a href="/doc-wiki-syntax:social-bookmarking">Social bookmarking</a></li> <li><a href="/doc-wiki-syntax:buttons">Standalone buttons</a></li> <li><a href="/doc-wiki-syntax:tag-buttons">Button for tag update</a></li> <li><a href="/doc-wiki-syntax:layout">Layout elements</a> <ul> <li><a href="/doc-wiki-syntax:layout#tabview">Tab view</a></li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="col-md-9"> <div class="page-title"> Embedding media </div> <div class="breadcrumb"> <a href="/doc:start">Documentation</a> » <a href="/doc-wiki-syntax:start">Wiki Syntax</a> » Embedding media </div> <div id="page-content"> <h2 id="toc0"><span><a name="video"></a>Video</span></h2> <p>To embed video directly into the page use <tt><span style="white-space: pre-wrap;">[[embedvideo]] ... [[/embedvideo]]</span></tt> block.<br /> Between the the "embedding html code" should be placed from any of the following video online galleries:</p> <ul> <li><a href="http://video.google.com">Google Video</a></li> <li><a href="http://www.youtube.com">YouTube</a></li> </ul> <p>E.g.</p> <div class="code"> <pre> <code>[[embedvideo]] <embed style="width:400px; height:326px;" id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=263244138622602613" allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL" FlashVars="playerMode=embedded"> </embed> [[/embedvideo]]</code> </pre></div> <h2 id="toc1"><span><a name="audio"></a>Audio</span></h2> <p>To embed audio use <tt><span style="white-space: pre-wrap;">[[embedaudio]] ... [[/embedaudio]]</span></tt> and the html embedding code found on the audio hosting website.</p> <p>Currently supported are:</p> <ul> <li><a href="http://www.odeo.com">Odeo.com</a></li> </ul> <p>E.g.</p> <div class="code"> <pre> <code>[[embedaudio]] <embed src="http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" name="audio_player_standard_gray" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="audio_id=99133&audio_duration=282.0&valid_sample_rate=true&external_url=http://www.vitalpodcasts.com/FileSystem/podcasts/89/opensource_episode1.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </embed><br /><a style="font-size: 9px; padding-left: 110px; color: #f39; letter-spacing: -1px; text-decoration: none" href="http://odeo.com/audio/99133/view"> powered by <strong>ODEO</strong></a> [[/embedaudio]]</code> </pre></div> </div><div id="action-area" style="display: none;"></div> </div> </div> </div> <div class="page-options-container container"> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-sm-6"><img src="https://www.wikidot.com/common--theme/wikidot30/images/amazon.png" alt="amazon.png" class="image" /></div> <div class="col-sm-3"> <p><a href="http://blog.wikidot.com">Official Wikidot blog</a></p> <p><a href="http://community.wikidot.com">Community</a></p> <p><a href="/doc">Documentation</a></p> </div> <div class="col-sm-3"> <p><a href="/about">About Wikidot</a></p> <p><a href="http://shop.wikidot.com">Gift Shop</a></p> <p><a href="/legal:terms-of-service">Terms of Service</a></p> <p><a href="/legal:privacy-policy">Privacy policy</a></p> </div> </div> </div> <div class="container license-area"> Copyright 漏 All Rights Reserved, Wikidot Inc. 2024 </div> </div> </div> <div id="dummy-ondomready-block" style="display: none;" ></div>  <script type="text/javascript"> (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div id="page-options-bottom-tips" style="display: none;"> <div id="edit-button-hovertip"> Click here to edit contents of this page. </div> </div> <div id="page-options-bottom-2-tips" style="display: none;"> <div id="edit-sections-button-hovertip"> Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available. </div> <div id="edit-append-button-hovertip"> Append content without editing the whole page source. </div> <div id="history-button-hovertip"> Check out how this page has evolved in the past. </div> <div id="discuss-button-hovertip"> If you want to discuss contents of this page - this is the easiest way to do it. </div> <div id="files-button-hovertip"> View and manage file attachments for this page. </div> <div id="site-tools-button-hovertip"> A few useful tools to manage this Site. </div> <div id="backlinks-button-hovertip"> See pages that link to and include this page. </div> <div id="rename-move-button-hovertip"> Change the name (also URL address, possibly the category) of the page. </div> <div id="view-source-button-hovertip"> View wiki source for this page without editing. </div> <div id="parent-page-button-hovertip"> View/set parent page (used for creating breadcrumbs and structured layout). </div> </div> </body> </html>

CINXE.COM

Embedding media - Wikidot - Free and Pro Wiki Hosting