فایل ویدیو رو چطور پخش می کنید ؟ آیا از تگ ویدیو استفاده کردید ؟
به این صورت :
کد HTML:<video width="350" height="250" controls><source src="video.mp4" type="video/mp4"></video>
فایل ویدیو رو چطور پخش می کنید ؟ آیا از تگ ویدیو استفاده کردید ؟
به این صورت :
کد HTML:<video width="350" height="250" controls><source src="video.mp4" type="video/mp4"></video>
ویرایش توسط firebox : September 5th, 2017 در ساعت 20:09
کد HTML:<!-- Movie Player --> <div class="post"> <div class="leftc" id="video-player" data-src="http://dl.site.ir/%20-%20Lahzeh%20[480].mp4"> <div tabindex="-1" name="media" id="mvideo" preload="auto" class="video-js vjs-paused vjs-controls-enabled vjs-workinghover vjs-v6 vjs-user-inactive" role="region" aria-label="Video Player" lang="fa-ir"><video class="vjs-tech" preload="auto" id="mvideo_html5_api" name="media" tabindex="-1" src="http://dl.site.ir/Qias%20-%20Lahzeh%20[480].mp4"><source src="http://dl.site.ir/Qias%20-%20Lahzeh%20[480].mp4" type="video/mp4"> </video><div class="vjs-poster vjs-hidden" tabindex="-1" aria-disabled="false"></div><div class="vjs-text-track-display" aria-live="off" aria-atomic="true"></div><div class="vjs-loading-spinner" dir="ltr"></div><button class="vjs-big-play-button" type="button" aria-live="polite" title="Play Video" aria-disabled="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Play Video</span></button><div class="vjs-control-bar" dir="ltr" role="group"><button class="vjs-play-control vjs-control vjs-button" type="button" aria-live="polite" title="Play" aria-disabled="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Play</span></button><div class="vjs-volume-panel vjs-control vjs-volume-panel-horizontal"><button class="vjs-mute-control vjs-control vjs-button vjs-vol-3" type="button" aria-live="polite" title="Mute" aria-disabled="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Mute</span></button><div class="vjs-volume-control vjs-control vjs-volume-horizontal"><div tabindex="0" class="vjs-volume-bar vjs-slider-bar vjs-slider vjs-slider-horizontal" role="slider" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-label="Volume Level" aria-live="polite" aria-valuetext="100%"><div class="vjs-volume-level"><span class="vjs-control-text"></span></div></div></div></div><div class="vjs-current-time vjs-time-control vjs-control"><div class="vjs-current-time-display" aria-live="off"><span class="vjs-control-text">Current Time</span> 0:00</div></div><div class="vjs-time-control vjs-time-divider"><div><span>/</span></div></div><div class="vjs-duration vjs-time-control vjs-control"><div class="vjs-duration-display" aria-live="off"><span class="vjs-control-text">Duration Time</span> 0:00</div></div><div class="vjs-progress-control vjs-control"><div tabindex="0" class="vjs-progress-holder vjs-slider vjs-slider-horizontal" role="slider" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" aria-label="Progress Bar"><div class="vjs-load-progress" style="width: 0%;"><span class="vjs-control-text"><span>Loaded</span>: 0%</span><div style="left: 0%; width: 0%;"></div></div><div class="vjs-mouse-display"><div class="vjs-time-tooltip"></div></div><div class="vjs-play-progress vjs-slider-bar"><div class="vjs-time-tooltip"></div><span class="vjs-control-text"><span>Progress</span>: 0%</span></div></div></div><div class="vjs-live-control vjs-control vjs-hidden"><div class="vjs-live-display" aria-live="off"><span class="vjs-control-text">Stream Type</span>LIVE</div></div><div class="vjs-remaining-time vjs-time-control vjs-control"><div class="vjs-remaining-time-display" aria-live="off"><span class="vjs-control-text">Remaining Time</span> -0:00</div></div><div class="vjs-custom-control-spacer vjs-spacer "> </div><div class="vjs-playback-rate vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden"><button class="vjs-playback-rate vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-live="polite" aria-disabled="false" title="Playback Rate" aria-haspopup="true" aria-expanded="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Playback Rate</span></button><div class="vjs-menu"><ul class="vjs-menu-content" role="menu"></ul></div><div class="vjs-playback-rate-value">1x</div></div><div class="vjs-chapters-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden"><button class="vjs-chapters-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-live="polite" aria-disabled="false" title="Chapters" aria-haspopup="true" aria-expanded="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Chapters</span></button><div class="vjs-menu"><ul class="vjs-menu-content" role="menu"><li class="vjs-menu-title" tabindex="-1">Chapters</li></ul></div></div><div class="vjs-descriptions-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden"><button class="vjs-descriptions-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-live="polite" aria-disabled="false" title="Descriptions" aria-haspopup="true" aria-expanded="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Descriptions</span></button><div class="vjs-menu"><ul class="vjs-menu-content" role="menu"><li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="true"><span class="vjs-menu-item-text">descriptions off</span><span class="vjs-control-text">, selected</span></li></ul></div></div><div class="vjs-subs-caps-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden"><button class="vjs-subs-caps-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-live="polite" aria-disabled="false" title="Subtitles" aria-haspopup="true" aria-expanded="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Subtitles</span></button><div class="vjs-menu"><ul class="vjs-menu-content" role="menu"><li class="vjs-menu-item vjs-texttrack-settings" tabindex="-1" role="menuitem" aria-live="polite" aria-disabled="false"><span class="vjs-menu-item-text">subtitles settings</span><span class="vjs-control-text">, opens subtitles settings dialog</span></li><li class="vjs-menu-item vjs-selected" tabindex="-1" role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="true"><span class="vjs-menu-item-text">subtitles off</span><span class="vjs-control-text">, selected</span></li></ul></div></div><div class="vjs-audio-button vjs-menu-button vjs-menu-button-popup vjs-control vjs-button vjs-hidden"><button class="vjs-audio-button vjs-menu-button vjs-menu-button-popup vjs-button" type="button" aria-live="polite" aria-disabled="false" title="Audio Track" aria-haspopup="true" aria-expanded="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Audio Track</span></button><div class="vjs-menu"><ul class="vjs-menu-content" role="menu"></ul></div></div><button class="vjs-fullscreen-control vjs-control vjs-button" type="button" aria-live="polite" title="Fullscreen" aria-disabled="false"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Fullscreen</span></button></div><div class="vjs-error-display vjs-modal-dialog vjs-hidden " tabindex="-1" aria-describedby="mvideo_component_367_description" aria-hidden="true" aria-label="Modal Window" role="dialog"><p class="vjs-modal-dialog-description vjs-control-text" id="mvideo_component_367_description">This is a modal window.</p><div class="vjs-modal-dialog-content" role="document"></div></div><div class="vjs-modal-dialog vjs-hidden vjs-text-track-settings" tabindex="-1" aria-describedby="mvideo_component_373_description" aria-hidden="true" aria-label="Caption Settings Dialog" role="dialog"><p class="vjs-modal-dialog-description vjs-control-text" id="mvideo_component_373_description">Beginning of dialog window. Escape will cancel and close the window.</p><div class="vjs-modal-dialog-content" role="document"><div class="vjs-track-settings-colors"><fieldset class="vjs-fg-color vjs-track-setting"><legend id="captions-text-legend-mvideo_component_373">Text</legend><label id="captions-foreground-color-mvideo_component_373" class="vjs-label">Color</label><select aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373"><option id="captions-foreground-color-mvideo_component_373-White" value="#FFF" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-White">White</option><option id="captions-foreground-color-mvideo_component_373-Black" value="#000" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-Black">Black</option><option id="captions-foreground-color-mvideo_component_373-Red" value="#F00" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-Red">Red</option><option id="captions-foreground-color-mvideo_component_373-Green" value="#0F0" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-Green">Green</option><option id="captions-foreground-color-mvideo_component_373-Blue" value="#00F" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-Blue">Blue</option><option id="captions-foreground-color-mvideo_component_373-Yellow" value="#FF0" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-Yellow">Yellow</option><option id="captions-foreground-color-mvideo_component_373-Magenta" value="#F0F" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-Magenta">Magenta</option><option id="captions-foreground-color-mvideo_component_373-Cyan" value="#0FF" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-color-mvideo_component_373 captions-foreground-color-mvideo_component_373-Cyan">Cyan</option></select><span class="vjs-text-opacity vjs-opacity"><label id="captions-foreground-opacity-mvideo_component_373" class="vjs-label">Transparency</label><select aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-opacity-mvideo_component_373"><option id="captions-foreground-opacity-mvideo_component_373-Opaque" value="1" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-opacity-mvideo_component_373 captions-foreground-opacity-mvideo_component_373-Opaque">Opaque</option><option id="captions-foreground-opacity-mvideo_component_373-Semi-Transparent" value="0.5" aria-labelledby="captions-text-legend-mvideo_component_373 captions-foreground-opacity-mvideo_component_373 captions-foreground-opacity-mvideo_component_373-Semi-Transparent">Semi-Transparent</option></select></span></fieldset><fieldset class="vjs-bg-color vjs-track-setting"><legend id="captions-background-mvideo_component_373">Background</legend><label id="captions-background-color-mvideo_component_373" class="vjs-label">Color</label><select aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373"><option id="captions-background-color-mvideo_component_373-Black" value="#000" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-Black">Black</option><option id="captions-background-color-mvideo_component_373-White" value="#FFF" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-White">White</option><option id="captions-background-color-mvideo_component_373-Red" value="#F00" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-Red">Red</option><option id="captions-background-color-mvideo_component_373-Green" value="#0F0" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-Green">Green</option><option id="captions-background-color-mvideo_component_373-Blue" value="#00F" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-Blue">Blue</option><option id="captions-background-color-mvideo_component_373-Yellow" value="#FF0" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-Yellow">Yellow</option><option id="captions-background-color-mvideo_component_373-Magenta" value="#F0F" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-Magenta">Magenta</option><option id="captions-background-color-mvideo_component_373-Cyan" value="#0FF" aria-labelledby="captions-background-mvideo_component_373 captions-background-color-mvideo_component_373 captions-background-color-mvideo_component_373-Cyan">Cyan</option></select><span class="vjs-bg-opacity vjs-opacity"><label id="captions-background-opacity-mvideo_component_373" class="vjs-label">Transparency</label><select aria-labelledby="captions-background-mvideo_component_373 captions-background-opacity-mvideo_component_373"><option id="captions-background-opacity-mvideo_component_373-Opaque" value="1" aria-labelledby="captions-background-mvideo_component_373 captions-background-opacity-mvideo_component_373 captions-background-opacity-mvideo_component_373-Opaque">Opaque</option><option id="captions-background-opacity-mvideo_component_373-Semi-Transparent" value="0.5" aria-labelledby="captions-background-mvideo_component_373 captions-background-opacity-mvideo_component_373 captions-background-opacity-mvideo_component_373-Semi-Transparent">Semi-Transparent</option><option id="captions-background-opacity-mvideo_component_373-Transparent" value="0" aria-labelledby="captions-background-mvideo_component_373 captions-background-opacity-mvideo_component_373 captions-background-opacity-mvideo_component_373-Transparent">Transparent</option></select></span></fieldset><fieldset class="vjs-window-color vjs-track-setting"><legend id="captions-window-mvideo_component_373">Window</legend><label id="captions-window-color-mvideo_component_373" class="vjs-label">Color</label><select aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373"><option id="captions-window-color-mvideo_component_373-Black" value="#000" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-Black">Black</option><option id="captions-window-color-mvideo_component_373-White" value="#FFF" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-White">White</option><option id="captions-window-color-mvideo_component_373-Red" value="#F00" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-Red">Red</option><option id="captions-window-color-mvideo_component_373-Green" value="#0F0" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-Green">Green</option><option id="captions-window-color-mvideo_component_373-Blue" value="#00F" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-Blue">Blue</option><option id="captions-window-color-mvideo_component_373-Yellow" value="#FF0" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-Yellow">Yellow</option><option id="captions-window-color-mvideo_component_373-Magenta" value="#F0F" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-Magenta">Magenta</option><option id="captions-window-color-mvideo_component_373-Cyan" value="#0FF" aria-labelledby="captions-window-mvideo_component_373 captions-window-color-mvideo_component_373 captions-window-color-mvideo_component_373-Cyan">Cyan</option></select><span class="vjs-window-opacity vjs-opacity"><label id="captions-window-opacity-mvideo_component_373" class="vjs-label">Transparency</label><select aria-labelledby="captions-window-mvideo_component_373 captions-window-opacity-mvideo_component_373"><option id="captions-window-opacity-mvideo_component_373-Transparent" value="0" aria-labelledby="captions-window-mvideo_component_373 captions-window-opacity-mvideo_component_373 captions-window-opacity-mvideo_component_373-Transparent">Transparent</option><option id="captions-window-opacity-mvideo_component_373-Semi-Transparent" value="0.5" aria-labelledby="captions-window-mvideo_component_373 captions-window-opacity-mvideo_component_373 captions-window-opacity-mvideo_component_373-Semi-Transparent">Semi-Transparent</option><option id="captions-window-opacity-mvideo_component_373-Opaque" value="1" aria-labelledby="captions-window-mvideo_component_373 captions-window-opacity-mvideo_component_373 captions-window-opacity-mvideo_component_373-Opaque">Opaque</option></select></span></fieldset></div><div class="vjs-track-settings-font">"><fieldset class="vjs-font-percent vjs-track-setting"><legend id="captions-font-size-mvideo_component_373" class="">Font Size</legend><select aria-labelledby=" captions-font-size-mvideo_component_373"><option id="captions-font-size-mvideo_component_373-50%" value="0.50" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-50%">50%</option><option id="captions-font-size-mvideo_component_373-75%" value="0.75" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-75%">75%</option><option id="captions-font-size-mvideo_component_373-100%" value="1.00" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-100%">100%</option><option id="captions-font-size-mvideo_component_373-125%" value="1.25" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-125%">125%</option><option id="captions-font-size-mvideo_component_373-150%" value="1.50" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-150%">150%</option><option id="captions-font-size-mvideo_component_373-175%" value="1.75" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-175%">175%</option><option id="captions-font-size-mvideo_component_373-200%" value="2.00" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-200%">200%</option><option id="captions-font-size-mvideo_component_373-300%" value="3.00" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-300%">300%</option><option id="captions-font-size-mvideo_component_373-400%" value="4.00" aria-labelledby=" captions-font-size-mvideo_component_373 captions-font-size-mvideo_component_373-400%">400%</option></select></fieldset><fieldset class="vjs-edge-style vjs-track-setting"><legend id="mvideo_component_373" class="">Text Edge Style</legend><select aria-labelledby=" mvideo_component_373"><option id="mvideo_component_373-None" value="none" aria-labelledby=" mvideo_component_373 mvideo_component_373-None">None</option><option id="mvideo_component_373-Raised" value="raised" aria-labelledby=" mvideo_component_373 mvideo_component_373-Raised">Raised</option><option id="mvideo_component_373-Depressed" value="depressed" aria-labelledby=" mvideo_component_373 mvideo_component_373-Depressed">Depressed</option><option id="mvideo_component_373-Uniform" value="uniform" aria-labelledby=" mvideo_component_373 mvideo_component_373-Uniform">Uniform</option><option id="mvideo_component_373-Dropshadow" value="dropshadow" aria-labelledby=" mvideo_component_373 mvideo_component_373-Dropshadow">Dropshadow</option></select></fieldset><fieldset class="vjs-font-family vjs-track-setting"><legend id="captions-font-family-mvideo_component_373" class="">Font Family</legend><select aria-labelledby=" captions-font-family-mvideo_component_373"><option id="captions-font-family-mvideo_component_373-Proportional Sans-Serif" value="proportionalSansSerif" aria-labelledby=" captions-font-family-mvideo_component_373 captions-font-family-mvideo_component_373-Proportional Sans-Serif">Proportional Sans-Serif</option><option id="captions-font-family-mvideo_component_373-Monospace Sans-Serif" value="monospaceSansSerif" aria-labelledby=" captions-font-family-mvideo_component_373 captions-font-family-mvideo_component_373-Monospace Sans-Serif">Monospace Sans-Serif</option><option id="captions-font-family-mvideo_component_373-Proportional Serif" value="proportionalSerif" aria-labelledby=" captions-font-family-mvideo_component_373 captions-font-family-mvideo_component_373-Proportional Serif">Proportional Serif</option><option id="captions-font-family-mvideo_component_373-Monospace Serif" value="monospaceSerif" aria-labelledby=" captions-font-family-mvideo_component_373 captions-font-family-mvideo_component_373-Monospace Serif">Monospace Serif</option><option id="captions-font-family-mvideo_component_373-Casual" value="casual" aria-labelledby=" captions-font-family-mvideo_component_373 captions-font-family-mvideo_component_373-Casual">Casual</option><option id="captions-font-family-mvideo_component_373-Script" value="script" aria-labelledby=" captions-font-family-mvideo_component_373 captions-font-family-mvideo_component_373-Script">Script</option><option id="captions-font-family-mvideo_component_373-Small Caps" value="small-caps" aria-labelledby=" captions-font-family-mvideo_component_373 captions-font-family-mvideo_component_373-Small Caps">Small Caps</option></select></fieldset></div><div class="vjs-track-settings-controls"><button class="vjs-default-button" title="restore all settings to the default values">Reset<span class="vjs-control-text"> restore all settings to the default values</span></button><button class="vjs-done-button">Done</button></div></div><button class="vjs-close-button vjs-control vjs-button" type="button" aria-live="polite" aria-disabled="false" title="Close Modal Dialog"><span aria-hidden="true" class="vjs-icon-placeholder"></span><span class="vjs-control-text">Close Modal Dialog</span></button><p class="vjs-control-text">End of dialog window.</p></div></div></div> <div class="clear"></div> </div> <!-- End Movie player -->
در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)