Doğru Web Sitesi Video Bütün tarayıcılar için gömmek için

Web siteme bir video gömmek için bu kodu kullanıyorum (SEO pratiğinin en iyi olduğuna inanıyorum). IE & Firefox'ta biraz yavaş çalışıyor. Oynatmayı, duraklatmayı, sesi, tam ekran seçeneği görünümünü yapmak için javascript'i (Stack üzerinde bulunan) ekledim. Ben javascript sayfayı yavaşlatacaktır endişeleniyorum. Bunun bunu yapmanın veya başka bir seçenek sunmanın en iyi yolu olduğuna dair onay alabilir miyim?Doğru Web Sitesi Video Bütün tarayıcılar için gömmek için

<head> 
<!--Video.js | HTML5 Video Player --> 
<link href="//vjs.zencdn.net/3.2/video-js.css" rel="stylesheet" type="text/css"> 
<script src="http://vjs.zencdn.net/3.2/video.js"></script> 
<script> 
     _V_.options.flash.swf = "video-js.swf"; 
</script> 
<script>  
     _V_("example_video_1").ready(function(){ 
      var myPlayer = this; 
     }); 
</script> 
</head> 
<body> 
<video id="video_1" class="video-js vjs-default-skin" controls width="480" height="204" autoplay preload="auto" poster="/images/Buy-Mexpro.jpg"> 
    <source src="/videos/Mexpro-1Min-HDvideo.mp4" type="video/mp4" /> 
    <source src="/videos/Mex_Pro_1_Minute_spot-HD.webm" type="video/webm" /> 
    <source src="/videos/Mex_Pro_1_Minute_spot-HD.webm.ogv" type="video/ogg" /> 
    <object id="videocontainer-object"> 
     <param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"></param> 
     <param name="flashvars" value="/videos/Mexpro-1Min-HDvideo.mp4&amp;playButtonOverlay=false&amp;loop=true&amp;autoPlay=true&amp;controlBarMode=none"></param> 
     <param name="allowFullScreen" value="false"></param> 
     <param name="allowscriptaccess" value="always"></param> 
     <embed id="videocontainer-embed" src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="720" flashvars="src=http://homepage.de/video/BigWeb.mp4&amp;controlBarMode=none&amp;playButtonOverlay=false&amp;loop=true&amp;autoPlay=true"></embed> 
    <input type="button" value="Pause" onClick="myPlayer.pause();"> 
    <input type="button" value="Play" onClick="myPlayer.play();"> 
    </object> 
</video> 
</body>

kaynak

2016-03-29 user973542

Sen video.js çok eski bir sürümünü kullanıyorsunuz.

<link href="//vjs.zencdn.net/5.8/video-js.css" rel="stylesheet"> 
<script src="//vjs.zencdn.net/5.8/video.js"></script> 

<video id="video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}' poster="/images/Buy-Mexpro.jpg"> 
    <source src="/videos/Mexpro-1Min-HDvideo.mp4" type="video/mp4" /> 
    <source src="/videos/Mex_Pro_1_Minute_spot-HD.webm" type="video/webm" /> 
    <source src="/videos/Mex_Pro_1_Minute_spot-HD.webm.ogv" type="video/ogg" /> 
</video>

gömülü object değildir ve Video.js Flash teknoloji yedek olarak kullanılmak üzere gerekli değildi: Eğer kullanırsanız, güncel sürümünü kullanmalısınız.

kaynak

2016-03-29 20:47:08 misterben

Doğru Web Sitesi Video Bütün tarayıcılar için gömmek için

cevap

İlgili konular